Bereitstellen von optimierten Bildern für eine responsive Site

Suchen
Experience Manager 6.2 Assets Benutzerhandbuch
Gilt für: Experience Manager 6.2 Assets

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Sie sehen sich Hilfeinhalte der folgenden Version an:

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

Die Verwendung dieser Funktion empfiehlt sich, wenn sich Ihre Website nicht auf AEM, sondern auf einem Drittanbieter-WCM befindet. Wenn sie sich auf AEM befindet, können Sie optimierte Bilder direkt über AEM bereitstellen.

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

Siehe auch Verknüpfen von URLs mit einer Webanwendung.

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

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

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

    Hinweis:

    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.

  3. Tippen oder klicken Sie auf RESS. Der responsive Code wird angezeigt.

  4. Markieren und kopieren Sie den Text und fügen Sie ihn in die Website ein, um auf das responsive Asset zuzugreifen.

  5. Bearbeiten Sie die Standard-Breakpoints im Integrationscode, damit sie denen der responsiven Website direkt im Code entsprechen. Testen Sie außerdem die verschiedenen Bildauflösungen bei verschiedenen Seiten-Breakpoints.