Leverera optimerade bilder för en responsiv webbplats delivering-optimized-images-for-a-responsive-site

Använd funktionen Responsiv kod när du vill dela koden för responsiv visning med webbutvecklaren. Du kopierar det responsiva (RESS) till Urklipp så att du kan dela det med webbutvecklaren.

Den här funktionen är användbar om webbplatsen finns på en WCM-fil från tredje part. Om webbplatsen däremot finns på Adobe Experience Manager återger en extern bildserver bilden och skickar den till webbsidan.

Se även Bädda in Video Viewer på en webbsida.

Se även Länka URL:er till ditt webbprogram.

Så här levererar du optimerade bilder för en responsiv webbplats:

  1. Navigera till bilden som du vill ange responsiv kod för och välj i listrutan Renditions.

    chlimage_1-408

  2. Välj en responsiv bildförinställning. Knapparna URL och RESS visas.

    chlimage_1-409

    note note
    NOTE
    Den valda resursen och den valda bildförinställningen eller visningsförinställningen måste publiceras för att knappen URL eller RESS ska vara tillgänglig.
    Bildförinställningar publiceras automatiskt.
  3. Välj RESS.

    chlimage_1-410

  4. I Embed Responsive Image markerar och kopierar den responsiva kodtexten och klistrar in den på din webbplats för att få tillgång till den responsiva resursen.

  5. Redigera standardbrytpunkterna i den inbäddade koden så att de matchar det som finns på den responsiva webbplatsen, direkt i koden. Testa dessutom de olika bildupplösningarna som används vid olika sidbrytpunkter.

Använda HTTP/2 för att leverera dina Dynamic Media-resurser using-http-to-delivery-your-dynamic-media-assets

HTTP/2 är det nya, uppdaterade webbprotokollet som förbättrar kommunikationen mellan webbläsare och servrar. Det ger snabbare överföring av information och minskar mängden processorkraft som behövs. Leverans av Dynamic Media-resurser stöds med HTTP/2 som ger bättre respons och laddningstider.

Se HTTP2-leverans av innehåll om du vill ha fullständig information om hur du kommer igång med HTTP/2 med ditt Dynamic Media-konto.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab