Geoptimaliseerde afbeeldingen leveren voor een responsieve site

Gebruik de functie Responsieve code wanneer u de code wilt delen voor responsieve serving met 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 echter op AEM staat, rendert een externe afbeeldingsserver de afbeelding en levert deze aan de webpagina.

Zie ook De video-viewer insluiten op een webpagina.

Zie ook URL's koppelen aan uw webtoepassing.

Geoptimaliseerde afbeeldingen leveren voor een responsieve site:

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

    chlimage_1-408

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

    chlimage_1-409

    OPMERKING

    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. Tik op RESS.

    chlimage_1-410

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

  5. Bewerk de standaardbreekpunten in de insluitcode zodat deze overeenkomen met die 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

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 Inhoud voor volledige informatie over het gaan gebruiken van HTTP/2 met uw Dynamic Media-account.

Op deze pagina