TodoIG | Aprende a usar Instagram como un profesional y vive de ello

TodoInstagram es el blog de referencia sobre Instagram en español. Te informaremos sobre trucos, novedades, tutoriales y mucho más. Entra ya y únete a la comunidad!

  • Trucos
  • Tutoriales
  • Aplicaciones
  • Dinero
  • Cursos
TrucosCómo ajustar el tamaño de las fotos de Instagram usando web embed

Cómo ajustar el tamaño de las fotos de Instagram usando web embed

Hace apenas un par de semanas te presentábamos la nueva función web embed de Instagram para los perfiles web, con la que ya es posible insertar fotos y vídeos de Instagram en cualquier web sin necesidad de instalar aplicaciones de terceros.

Como la tendencia es que cada vez usemos más los dispositivos móviles para navegar, debemos también adaptar el contenido de nuestros sitios webs a las dimensiones de esos dispositivos y por esa razón vamos a explicarte en este artículo cómo ajustar el tamaño de las fotos de Instagram usando web embed para que se visualicen correctamente en cualquier dispositivo.

2 Formas de hacer que tus fotos de Instagram encajen en cualquier web.

Puede que en un principio no le des importancia a eso de tener que modificar el código web embed de Instagram para que las fotos encajen bien en todos las webs o en cualquier tamaño de pantalla. Total, si Instagram nos da el código así, para que cambiarlo.

Pues básicamente por una sencilla razón, de nada sirve insertar fotos de Instagram en tu web si la inmensa mayoría de tus visitantes no las pueden ver o las ven cortadas. Así que mejor echa un vistazo a esto que te vamos a enseñar y empieza a aplicarlo en todas las fotos que insertes de ahora en adelante.

  • Modificando el código web embed. Para ajustar el tamaño de la foto a través del código fuente, simplemente tienes que modificar los valores de los parámetros «width» y «height«, siempre teniendo en cuenta no romper la relación entre el ancho y el alto para no deformar la foto. A continuación te mostramos un ejemplo de como sería el código original y como quedaría después de ajustar el tamaño a la mitad.
    • Código original:
      Cambiar ancho y alto del código web embed de instagram
    • Código modificado:
      Modificar ancho y alto del código web embed de Instagram

    Así quedaría la foto después de ajustar el tamaño a la mitad.

  • Usando la aplicación web Embed Responsively. Esta opción tiene la gran ventaja de que el tamaño de la foto se ajusta dinámicamente a las dimensiones de la pantalla. Lo único que tienes que hacer es:
    1. Copiar la url de la foto de Instagram que quieras insertar. La url tendrá una forma parecida a esta «http://instagram.com/p/b0pXsFIqPy/«
    2. Después ve a la web de Embed Responsively, selecciona Instagram como fuente, pega la url que has copiado antes y haz clic en «Embed«.
      Ajustar tamaño foto Instagram para móvil
    3. Para terminar copia el código que se ha generado y pégalo en la sección de tu web donde quieras mostrar la foto.
      Código para insertar foto Instagram en web responsive

    Este sería el resultado final.

    A priori te puede parecer que no cambia nada de copiar el código directamente de Instagram, pero si haces la prueba con tu navegador y vas reduciendo el tamaño de la ventana, verás como también va cambiando el tamaño de la foto. Esa es la gran ventaja de la que te hablábamos al principio, sobre todo si buscas que tu foto se vea en el tamaño ideal para cada dispositivo; smartphone, tablet o PC.

Esperamos que después de leer este artículo te haya quedado claro la importancia de modificar las dimensiones de las fotos en función del dispositivo y cómo es posible ajustar el tamaño de las fotos de Instagram usando web embed.

Quizás también te pueda interesar...

  • Cómo compartir tus fotos de Instagram por correo y dar visibilidad a tu perfil
  • Cómo denunciar una cuenta robada en Instagram
  • Detecta quienes son tus seguidores de Instagram más fieles
  • Los trucos de los usuarios más populares de Instagram
2 Sencillas formas de descargar vídeos de Instagram
6 Aplicaciones para editar tus fotos de Instagram

Artículos más leidos

  • Crear una cuenta en Instagram
  • Qué significa el hashtag #TBT en Instagram y cuándo usarlo
  • Descargar fotos y vídeos de Instagram en Android
  • Cómo subir tus fotos a Instagram sin recortar
  • Utiliza Instagram desde tu PC
  • Publicar Fotos en Instagram desde PC o Mac ya es posible
  • 6 Aplicaciones imprescindibles para editar tus vídeos de Instagram

Lo más reciente

  • No me aparece Reels en Instagram. La solución aquí
  • Cómo cambiar el tipo de letra de tu nombre y biografía en Instagram
  • Cómo guardar borradores en Instagram y dónde encontrarlos
  • 7 Consejos para mejorar tu engagement en Instagram

·Esta web no pertenece a Facebook Inc ·
Todo el contenido de TodoInstagram.com está publicado bajo licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported

Este blog utiliza cookies para mejorar la experiencia de navegación. Aceptar Más información
Política de Cookies

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
GUARDAR Y ACEPTAR