Geoptimaliseerde afbeeldingen leveren voor een responsieve site delivering-optimized-images-for-a-responsive-site

Gebruik de functie Responsieve code wanneer u de code wilt delen voor responsieve functies in uw webontwikkelaar. U kopieert de responsieve code (RESS) naar het klembord zodat u deze kunt delen met de webontwikkelaar.

Deze functie is handig als uw website zich op een WCM van derden bevindt. Als uw website zich echter op Adobe Experience Manager bevindt, wordt de afbeelding door een externe afbeeldingsserver gerenderd en aan de webpagina geleverd.

Zie ook bed de VideoKijker op een Web-paginain.

Zie ook Verbinding URLs aan uw Toepassing van het Web.

om geoptimaliseerde beelden voor een ontvankelijke plaats te leveren:

  1. Navigeer naar de afbeelding waarvoor u responsieve code wilt opgeven en selecteer Renditions in het keuzemenu.

    chlimage_1-408

  2. Selecteer een responsieve voorinstelling voor de afbeelding. De knoppen URL en RESS worden weergegeven.

    chlimage_1-409

    note note
    NOTE
    De geselecteerde asset en de geselecteerde afbeeldings- of viewervoorinstelling moeten worden gepubliceerd om de knoppen URL of RESS beschikbaar te maken.
    Dynamic Media - Voor de hybride modus moet u voorinstellingen voor afbeeldingen publiceren. In de modus Dynamic Media - Scene7 worden automatisch voorinstellingen voor afbeeldingen gepubliceerd.
  3. Selecteer RESS .

    chlimage_1-410

  4. Selecteer in het dialoogvenster Embed Responsive Image de tekst van de responsieve code, kopieer deze en plak deze in uw website om het responsieve element te openen.

  5. Bewerk de standaardonderbrekingspunten in de insluitcode zodat deze overeenkomen met de onderbrekingspunten van de responsieve website, rechtstreeks in de code. Test bovendien de verschillende afbeeldingsresoluties die op verschillende pagina-onderbrekingspunten worden weergegeven.

HTTP/2 gebruiken om uw Dynamic Media-middelen te leveren using-http-to-delivery-your-dynamic-media-assets

HTTP/2 is het nieuwe, bijgewerkte webprotocol dat de manier verbetert waarop browsers en servers communiceren. Het zorgt voor een snellere overdracht van informatie en vermindert de hoeveelheid verwerkingskracht die nodig is. De levering van Dynamic Media-elementen wordt ondersteund met HTTP/2, dat betere responstijd en laadtijd biedt.

Zie HTTP2 Levering van Inhoudvoor volledige details bij het worden begonnen HTTP/2 met uw rekening van Dynamic Media te gebruiken.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2