Vor ein paar Wochen haben wir euch das neue Feature vorgestellt incrustación Netz von Instagram para perfiles web, con lo que ya es viable insertar fotos y videos de Instagram en cualquier sitio web sin necesidad de instalar aplicaciones de terceros.
Como la tendencia es que cada vez usemos más los dispositivos móviles para navegar, además debemos adaptar el Inhalt de nuestras webs a las dimensiones de esos dispositivos y es por ello que te lo vamos a aclarar en este Post So ändern Sie die Größe von Instagram-Fotos mit Web-Einbettung damit sie auf jedem Gerät korrekt angezeigt werden.
2 Möglichkeiten, Ihre Instagram-Fotos auf jede Website zu passen.
Es ist möglich, dass es Ihnen nichts ausmacht, den Code zu Beginn ändern zu müssen Web-Einbettung von Instagram, damit die Fotos gut in alle Webs oder in jede Bildschirmgröße passen. Total, wenn Instagram uns den Code wie diesen gibt, warum sollte man ihn ändern?
Nun, aus einem einfachen Grund ist es sinnlos, Instagram-Fotos auf Ihrer Website einzubetten, wenn die überwiegende Mehrheit Ihrer Besucher sie nicht sehen oder abgeschnitten sehen können. Schauen Sie sich daher besser dies an, das wir Ihnen zeigen werden, und wenden Sie es von nun an auf alle Fotos an, die Sie einfügen.
- Code ändern Web-Einbettung. Para ajustar el tamaño de la foto a través del Quellcode, básicamente debes de modificar los valores de los parámetros «Breite"Y"Höhe«, Berücksichtigen Sie immer, dass die Verbindung zwischen Breite und Höhe nicht unterbrochen wird, um das Foto nicht zu verformen. Hier ist ein Beispiel dafür, wie der ursprüngliche Code aussehen würde und wie er aussehen würde, nachdem die Größe auf die Hälfte geändert wurde.
- Originalcode:
<>
- Geänderter Code:
So würde das Foto aussehen, nachdem die Größe auf die Hälfte angepasst wurde.
- Originalcode:
- Verwenden der Webanwendung Reaktionsschnell einbetten. Diese Option hat den großen Nutzen, dass die Größe des Fotos dynamisch an die Abmessungen des Bildschirms angepasst wird. Sie müssen nur tun:
- Kopiere das Url de la foto de Instagram que quieres insertar. La URL tendrá un formato semejante a este «http://instagram.com/p/b0pXsFIqPy/«
- Dann gehen Sie auf die Website von Reaktionsschnell einbetten, wählen Sie Instagram als Quelle aus, fügen Sie die zuvor kopierte URL ein und klicken Sie auf «Einbetten«.
- Kopieren Sie zum Abschluss den verursachten Code und fügen Sie ihn in den Bereich Ihrer Website ein, in dem Sie das Foto anzeigen möchten.
Dies wäre das Endergebnis.
A priori puede parecer que nada cambia al copiar el código de forma directa desde Instagram, pero si haces la prueba con tu Browser y reduces el tamaño de la ventana, verás como además cambia el tamaño de la foto. Esa es la gran utilidad de la que hablábamos al principio, especialmente si deseas que tu foto se vea en el tamaño ideal para cada dispositivo; teléfono inteligente, tableta o ordenador.
Esperamos que posteriormente de leer este post te haya quedado claro la Relevanz de modificar las dimensiones de las fotos en función del dispositivo y Wie ist es möglich, die Größe von Instagram-Fotos mit Web-Einbettung anzupassen?.