Bereitstellen von optimierten Bildern für eine responsive Site delivering-optimized-images-for-a-responsive-site

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Verwenden Sie die Funktion für responsiven Code, wenn Sie den Code für responsive Verarbeitung für Ihren Web-Entwickler freigeben möchten. Kopieren Sie den responsiven Code (RESS) in die Zwischenablage, damit Sie ihn für Ihren Web-Entwickler freigeben können.

Verwenden Sie diese Funktion, wenn sich Ihre Website auf einem Drittanbieter-WCM befindet. Wenn sich Ihre Website jedoch stattdessen auf AEM befindet, rendert ein Offsite-Bildserver das Bild und stellt es der Webseite bereit.

Informationen hierzu finden Sie unter Einbetten des Video-Viewers auf einer Web-Seite.

Siehe auch Verknüpfen von URLs mit einer Web-Anwendung.

So stellen Sie optimierte Bilder für eine responsive Site bereit:

  1. Wechseln Sie zu dem Bild, für das Sie responsiven Code bereitstellen möchten, und tippen Sie im Dropdown-Menü auf Ausgabeformate.

    chlimage_1-408

  2. Wählen Sie eine responsive Bildvorgabe aus. Die Schaltflächen URL und RESS werden angezeigt.

    chlimage_1-409

    note note
    NOTE
    Das ausgewählte Asset und die ausgewählte Bildvorgabe oder Viewer-Vorgabe müssen veröffentlicht werden, um die Schaltfläche URL oder RESS verfügbar zu machen.
    Wenn Sie Dynamic Media im Hybridmodus ausführen, müssen Sie Bildvorgaben manuell veröffentlichen. Im Scene7-Modus von Dynamic Media werden Bildvorgaben automatisch veröffentlicht.
  3. Tippen Sie auf RESS.

    chlimage_1-410

  4. Wählen Sie im Dialogfeld Responsive Bilder einbetten den responsiven Code-Text aus und fügen Sie ihn in Ihre Website ein, um auf das responsive Asset zuzugreifen.

  5. Bearbeiten Sie die Standard-Haltepunkte im Einbettungscode so, dass sie mit denen der responsiven Website direkt im Code übereinstimmen. Testen Sie außerdem die verschiedenen Bildauflösungen bei verschiedenen Seiten-Breakpoints.

Bereitstellen von Dynamic Media-Assets mit HTTP/2 using-http-to-delivery-your-dynamic-media-assets

HTTP/2 ist das neue, aktualisierte Web-Protokoll, das die Kommunikation zwischen Browser und Servern verbessert. Es beschleunigt die Übertragung von Informationen und reduziert die erforderliche Prozessorleistung. Die Bereitstellung von Dynamic Media-Assets kann über HTTP/2 erfolgen, das schnellere Antwort- und Ladezeiten bietet.

Siehe Bereitstellung von Inhalt über HTTP/2, um ausführliche Informationen zu den ersten Schritten mit HTTP/2 mit Ihrem Dynamic Media-Konto zu erhalten.

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad