[AEM Assets]{class="badge positive" title="Gilt für AEM Assets)."}

Stellen Sie optimierte Bilder für eine responsive Site bereit delivering-optimized-images-for-a-responsive-site

Verwenden Sie die Funktion „Responsive Code“, wenn Sie den Code für responsives Serving für Ihre Web-Entwickler freigeben möchten. Sie kopieren den responsiven Code (RESS) in die Zwischenablage, damit Sie ihn für Web-Entwickler freigeben können.

Diese Funktion ist nützlich, wenn sich Ihre Website auf einem WCM eines Drittanbieters befindet. Wenn sich Ihre Website jedoch in Adobe Experience Manager befindet, rendert ein Offsite-Image-Server das Bild und stellt es der Web-Seite bereit.

Siehe auch 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 Website bereit:

  1. Navigieren Sie zu dem Bild, für das Sie responsiven Code bereitstellen möchten, und wählen Sie im Dropdown-Menü Ausgabedarstellungen aus.

    chlimage1-408

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

    chlimage1-409

    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.
    Bildvorgaben werden automatisch veröffentlicht.
  3. Wählen Sie RESS aus.

    chlimage1-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. Um eine Übereinstimmung mit der responsiven Website zu erhalten, bearbeiten Sie die Standard-Breakpoints direkt im Einbettungs-Code. Testen Sie außerdem die verschiedenen Bildauflösungen bei verschiedenen Seiten-Breakpoints.

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

HTTP/2 ist das aktualisierte Web-Protokoll, das die Kommunikation zwischen Browsern und Servern verbessert. Es ermöglicht eine schnellere Übertragung von Informationen und reduziert die erforderlichen Verarbeitungsressourcen. Die Bereitstellung von Dynamic Media Assets wird über HTTP/2 unterstützt, was schnellere Antwort- und Ladezeiten ermöglicht.

Unter Bereitstellung von Inhalten über HTTP/2 finden Sie ausführliche Informationen zu den ersten Schritten mit HTTP/2 mit Ihrem Dynamic Media-Konto.

recommendation-more-help
experience-manager-cloud-service-help-main-toc