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

CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

Gebruik de functie Responsieve code wanneer u de code wilt delen voor responsieve serving met uw webontwikkelaar. U kopieert de responsieve (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 Het verbinden van URLs aan uw Toepassing van het Web.

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

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

    chlimage_1-410

  4. In de Embed Responsive Image selecteert en kopieert u de tekst van de responsieve code en plakt u 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 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 inhoud voor volledige informatie over hoe u aan de slag gaat met HTTP/2 met uw Dynamic Media-account.

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