Smart bildbehandling smart-imaging

Läs om hur Smart Imaging med Adobe Sensei AI använder varje användares unika visningsegenskaper för att leverera rätt bilder som är optimerade för sin upplevelse automatiskt, vilket ger bättre prestanda och engagemang.

Om Smart Imaging about-smart-imaging

Smart Imaging-tekniken tillämpar Adobe Sensei AI-funktioner och fungerar med befintliga"bildförinställningar". Det förbättrar bildleveransen genom att automatiskt optimera bildformat, storlek och kvalitet baserat på webbläsarens funktioner.

Och nu får du en bättre Google Core Web Vital-poäng för LCP (Störst Contentful Paint) med förbättrad Smart Imaging, som nu har stöd för både AVIF och WebP.

IMPORTANT
Smart Imaging kräver att du använder det färdiga CDN (Content Delivery Network) som medföljer Adobe Experience Manager - Dynamic Media. Andra anpassade CDN stöds inte med den här funktionen.
TIP
Prova och upptäck fördelarna med Dynamic Media bildmodifierare och Smart Imaging med Dynamic Media Snapshot.
Ögonblicksbild är ett visuellt demonstrationsverktyg som är utformat för att illustrera styrkan hos Dynamic Media för optimerad och dynamisk bildleverans. Experimentera med testbilder eller Dynamic Media-URL:er för att se utdata från olika bildmodifierare i Dynamic Media visuellt samt optimering av smarta bilder för följande:
  • Filstorlek (med WebP- och AVIF-leverans)
  • Nätverksbandbredd
  • DPR (Device Pixel Ratio)
Om du vill lära dig hur enkelt det är att använda ögonblicksbild kan du spela upp utbildningsvideon för ögonblicksbild (3 minuter och 17 sekunder).

Smart Imaging drar nytta av den ökade prestandaförbättringen genom att vara helt integrerad med Adobe förstklassiga CDN-tjänst (Content Delivery Network). Den här tjänsten hittar den optimala Internet-vägen mellan servrar, nätverk och peering-punkter. Här hittas en väg som har lägst latens och lägst paketförlustfrekvens i stället för att använda standardvägen på Internet.

I följande exempel på bildobjekt visas den nya optimeringen av smarta bilder:

Bild (URL)
Miniatyrbild
Storlek (JPEG)
Storlek (WebP) med smart bildbehandling
Storlek (AVIF) med smart bildbehandling
% minskning med WebP
% minskning med AVIF
Bild 1
bild1
145 kB
106 kB
90,2 kB
26,89 %
37,79 %
Bild 2
bild2
412 kB
346 kB
113 kB
16,01 %
72,57 %
Bild 3
bild3
221 kB
189 kB
87,1 kB
14,47 %
60,58 %
Bild 4
bild4
594 kB
545 kB
286 kB
8,25 %
51,85 %

På samma sätt som ovanstående utförde Adobe också ett test med en större exempeluppsättning. Formatet AVIF gav 20 % extra storleksminskning jämfört med WebP, vilket gav en 27-procentig minskning jämfört med JPEG. Allt med samma visuella kvalitet. Totalt ger AVIF upp till 41 % genomsnittlig storleksminskning jämfört med JPEG.

Jämför WebP och AVIF med PNG, du kan se en storleksminskning på 84 % med WebP och 87 % med AVIF. Och eftersom både WebP- och AVIF-format har stöd för genomskinlighet och flera bildanimeringar är det en bra ersättning för genomskinliga PNG- och GIF-filer.

Se även Bildoptimering med Next-gen Image Formats (WebP och AVIF)

Fördelar med Smart bildbehandling

Smart Imaging förbättrar bildhanteringen genom att automatiskt optimera filstorleken baserat på användarens webbläsare, enhetsvisning och nätverksförhållanden. Den här metoden ger snabbare inläsning och en bättre visningsupplevelse i olika miljöer. Eftersom bilder utgör större delen av en sidas laddningstid kan prestandaförbättringar få en genomgripande effekt på nyckeltal som följande:

  • Högre konverteringsgrader.
  • Tid som tillbringats på en webbplats.
  • Lägre avhoppsfrekvens för webbplatser.

De nyaste fördelarna med den senaste Smart Imaging är följande:

Om konvertering av webbläsarformat bfc

Om du aktiverar konvertering av webbläsarformat genom att lägga till bfc=on till bild-URL:en konverteras JPEG och PNG automatiskt till AVIF, förstörande WebP, förstörande JPEGXR, förstörande JPEG2000 för olika webbläsare. För webbläsare som inte stöder dessa format fortsätter Smart Imaging att fungera som JPEG eller PNG. Smart bildbehandling beräknar om kvaliteten på det nya formatet tillsammans med formatändringen.

Du kan inaktivera Smart Imaging genom att lägga till bfc=off till bildens URL.

Se även bfc i Dynamic Media Image Serving and Rendering API.

Om optimering av enhetens pixelproportioner dpr

Enhetens pixelproportioner (DPR), som även kallas CSS-pixelproportioner, representerar relationen mellan en enhets fysiska pixlar och logiska pixlar. I och med uppkomsten av retina-skärmar har pixelupplösningen i moderna mobila enheter ökat snabbt.

Om du aktiverar optimering av enhetspixelproportioner återges bilden med skärmens ursprungliga upplösning, vilket gör den skarp.

För närvarande kommer bildskärmens pixeldensitet från Akamai CDN-rubrikvärden.

Tillåtna värden i en bilds URL
Beskrivning
dpr=off
Inaktivera DPR-optimering på URL-nivå för en enskild bild.
dpr=on,dprValue
Åsidosätt det DPR-värde som identifieras av Smart Imaging, med ett anpassat värde (som identifieras av någon klientlogik eller annan metod). Tillåtet värde för dprValue är ett tal som är större än 0.
NOTE
  • Du kan använda dpr=on,dprValue även om DPR-inställningen på företagsnivå är inaktiverad.
  • På grund av DPR-optimering identifieras alltid MaxPix-bredden när den resulterande bilden är större än Dynamic Media-inställningen MaxPix genom att bildens proportioner behålls. —>
Begärd bildstorlek
Enhetspixelproportioner (dpr)
Levererad bildstorlek
816 x 500
1
816 x 500
816 x 500
2
1632 x 1000

Se även När du arbetar med bilder och När du arbetar med smart beskärning.

Om optimering av nätverksbandbredd bandwidth

När du aktiverar nätverksbandbredden justeras automatiskt bildkvaliteten baserat på den faktiska nätverksbandbredden. För dålig nätverksbandbredd inaktiveras DPR-optimering (Device Pixel Ratio) automatiskt, även om den redan är aktiverad.

Ditt företag kan inaktivera optimering av nätverksbandbredd för enskilda bilder genom att lägga till network=off till bild-URL:en.

Tillåtet värde i URL:en för en bild
Beskrivning
network=off
Stänger av nätverksoptimering på URL-nivå för en enskild bild.

DPR- och nätverksbandbreddsvärdena baseras på de värden som identifierats på klientsidan för det paketerade CDN. Dessa värden är ibland felaktiga. IPhone5 med DPR=2 och iPhone12 med dpr=3 visar till exempel dpr=2. För högupplösta enheter är det ändå bättre att skicka dpr=2 än att skicka dpr=1. Det bästa sättet att överbrygga denna brist är dock att använda DPR på klientsidan för att ge er 100 % korrekta värden. Och det fungerar för alla enheter, oavsett om det är Apple eller någon annan enhet som startades. Se Använd smart bildbehandling med enhetspixelproportioner på klientsidan.

Ytterligare viktiga fördelar med Smart bildbehandling

  • Förbättrad Google SEO-rankning för webbsidor som använder den senaste Smart Imaging-funktionen.
  • Serverar optimerat innehåll direkt (vid körning).
  • Använder Adobe Sensei-teknik för konvertering enligt den kvalitet (qlt) som anges i bildbegäran.
  • TTL-oberoende (Time To Live). Tidigare var en minsta TTL på 12 timmar obligatorisk för att Smart Imaging skulle fungera.
  • Tidigare cachelagrades både original- och variantbilderna, och det var en tvåstegsprocess att ogiltigförklara cachen. I den senaste versionen av Smart Imaging cachelagras bara derivat, vilket möjliggör en cacheogiltigförklaring i ett enda steg.
  • Kunder som använder anpassade rubriker i sina regeluppsättningar kan dra nytta av den senaste smarta bildhanteringen eftersom dessa rubriker inte blockeras, till skillnad från den tidigare versionen av Smart Imaging. Exempel:"Timing Allow Origin" och"X-Robot" som föreslås i Lägg till ett anpassat rubrikvärde i bildsvaren|Dynamic Media Classic.

Så fungerar Smart Imaging how-smart-imaging-works

När en konsument begär en bild analyserar Smart Imaging användarens egenskaper och konverterar den till lämpligt format baserat på webbläsaren. Dessa formatkonverteringar görs på ett sätt som inte försämrar den visuella återgivningen. Smart bildbehandling konverterar automatiskt bilder till olika format baserat på webbläsarkapacitet på följande sätt.

  • Konvertera automatiskt till AVIF om webbläsaren stöder formatet

  • Konvertera automatiskt till WebP om AVIF-konvertering inte är fördelaktig eller om webbläsaren inte stöder AVIF

  • Konvertera automatiskt till JPEG2000 om Safari inte stöder WebP

  • Konvertera automatiskt till JPEGXR för IE 9+ eller om Edge inte stöder WebP

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    Bildformat Webbläsare som stöds
    AVIF https://caniuse.com/avif
    WebP https://caniuse.com/webp
    JPEG 2000 https://caniuse.com/jpeg2000
    JPEGXR https://caniuse.com/jpegxr
  • För webbläsare som inte stöder dessa format används det bildformat som ursprungligen begärdes.

Om den ursprungliga bildstorleken är mindre än vad Smart Imaging skapar, behålls originalbilden.

Stöd för bildformat i Smart Imaging image-format-support

Följande bildformat stöds för Smart Imaging:

  • JPEG
  • PNG

Med Smart Imaging räknas kvaliteten om för bildfilsformat i JPEG vid konvertering till ett nytt format.

För bildfilsformat som stöder genomskinlighet som PNG kan du konfigurera Smart Imaging så att AVIF och WebP blir förstörande. För konvertering av förlustgivande format använder Smart Imaging den kvalitet som anges i bildens URL, eller i annat fall den kvalitet som konfigurerats i Dynamic Media företagskonto.

Stöd för kommandoradsfunktionen i Smart Imaging imaging-serving-command-support

Kommandona Bildserver fmt och qlt stöds inte. Alla återstående kommandon stöds.

Vanliga frågor och svar om Smart Imaging smart-imaging-faq

Är licensieringskostnaderna kopplade till Smart Imaging?

Nej. Smart Imaging ingår i din befintliga licens. Den här regeln gäller antingen Dynamic Media Classic eller Experience Manager - Dynamic Media (On-prem, AMS och Experience Manager as a Cloud Service).

note important
IMPORTANT
Smart Imaging är inte tillgängligt för Dynamic Media - Hybrid-kunder.
Kan Smart Imaging inaktiveras för alla förfrågningar?

Ja. Du kan inaktivera Smart bildbehandling genom att lägga till någon av följande modifierare:

Är det möjligt att<>justera<> smart bildåtergivning?

Ja. Smart bildbehandling har tre alternativ som du kan aktivera eller inaktivera.

Fungerar Smart Imaging med mina befintliga bildförinställningar?

Smart Imaging integreras smidigt med dina befintliga bildförinställningar och alla bildinställningar respekteras.

De enda justeringarna är bildformatet, kvaliteten eller båda. Vid formatkonvertering bevarar Smart Imaging den fullständiga visuella återgivningen enligt dina förinställda inställningar, men ger en mindre filstorlek. Aktivera det bara genom att lägga till bfc=on, dpr=on,dprValue, network=on eller alla tre parameterinställningarna till dina befintliga URL:er eller förinställningar.

Vi kan till exempel säga att en bildförinställning anger formatet JPEG vid 500 × 500 pixlar, med quality=85 och unsharp mask=0.1,1,5. Smart Imaging identifierar om användaren använder en webbläsare i Chrome. Sedan konverteras bilden till WebP med samma dimensioner (500 × 500) och en oskarp mask som matchar JPEG inställningar. Systemet jämför sedan filstorlekarna för WebP- och JPEG-versionerna och skickar den mindre till användaren.

Fungerar Smart Imaging med HTTPS? Vad sägs om HTTP/2?
Ja, på båda frågorna. Smart Imaging fungerar med bilder som levereras via HTTP eller HTTPS. Dessutom fungerar det även över HTTP/2.
Är jag berättigad att använda Smart Imaging?

Smart Imaging är redo att användas omedelbart för alla kunder. Om du vill börja dra nytta av fördelarna lägger du bara till bfc=on, dpr=on,dprValue, network=on eller alla tre parameterinställningarna i dina befintliga URL:er eller förinställningar.

Om du vill aktivera Smart Imaging måste ditt företags Dynamic Media Classic- eller Dynamic Media-konto på Experience Manager inkludera det Adobe-paketerade CDN (Content Delivery Network) som en del av licensen.

Hur aktiverar jag Smart Imaging för ett konto?

Om du vill börja använda Smart Imaging lägger du till bfc=on, dpr=on,dprValue, network=on eller alla tre parameterinställningarna till dina befintliga URL:er eller förinställningar. Om du inte vill göra dessa ändringar manuellt kan du aktivera Smart Imaging som standard genom att skapa ett supportärende.

När du skapar ett supportärende anger du vilka smarta bildredigeringsfunktioner du vill aktivera på ditt konto:

  • Konvertering av webbläsarformat (WebP eller AVIF)
  • Optimering av nätverksbandbredd
note note
NOTE
DPR kräver klientjusteringar för att fastställa rätt dprValue. Adobe rekommenderar därför att DPR aktiveras via URL:er genom att lägga till dpr=on,dprValue.

Så här skapar du ett supportärende för att aktivera Smart Imaging för ditt konto:

  1. Använd Admin Console för att börja skapa ett nytt supportärende.

  2. Ange följande information i ditt supportärende:

    • Information om primär kontakt:

      • Ange namn, e-postadress och telefonnummer.
    • Smarta bildredigeringsfunktioner som ska aktiveras:

      • Visa en lista över de funktioner du vill använda för ditt konto:

        • Konvertering av webbläsarformat: WebP eller AVIF
        • Optimering av nätverksbandbredd
        • DPR: DPR kräver klientjusteringar för att fastställa rätt dprValue. Adobe rekommenderar därför att DPR aktiveras via URL:er genom att lägga till dpr=on,dprValue.
    • Domän för smart bildbehandling:

      • Visa alla relevanta domäner, till exempel company.com eller mycompany.scene7.com

      • Smart Imaging stöder både generiska och anpassade domäner.

      • Identifiera dina domäner genom att öppna Dynamic Media Classic-datorprogrammet och logga in på ditt företagskonto.

        1. Navigera till Setup > Application Setup > General Settings.
        2. Kontrollera domänen genom att leta efter fältet Published Server Name.
        3. Kontrollera att du använder Adobe CDN i stället för en som hanteras av en annan leverantör.
    • Ange HTTP/2-stöd:

      • Ange om du behöver Smart Imaging för att kunna arbeta över HTTP/2.
  3. Adobe kundsupport aktiverar de begärda funktionerna för smart bildbehandling som standard, vilket eliminerar behovet av att lägga till parametrar manuellt till URL-adresser.

  4. Adobe rekommenderar att TTL (Time To Live) ställs in på minst 24 timmar för att maximera prestanda genom cachning.
    Justera TTL:

    1. För Dynamic Media Classic:

      1. Navigera till Setup > Application Setup > Publish Setup > Image Server.
      2. Ange värdet Default Client Cache Time To Live till 24 timmar eller mer.
    2. För Dynamic Media på Adobe Experience Manager:

      1. Följ dessa instruktioner.
      2. Ange värdet Expiration för 24 timmar eller mer.
När är ett konto aktiverat med Smart bildbehandling?

Kundsupport bearbetar förfrågningar i den ordning de får dem, efter väntelistan.

note note
NOTE
Det kan ta lång tid att skapa eftersom du måste rensa cacheminnet genom att aktivera Smart Imaging. Därför kan bara ett fåtal kundövergångar hanteras vid en viss tidpunkt.
Finns det några risker med att använda Smart bildbehandling?

Det finns ingen risk för kundens webbsida. Övergången till Smart Imaging tar dock bort CDN-cachen. Den här åtgärden innebär att du måste gå till en ny konfiguration av Dynamic Media Classic eller Dynamic Media på Experience Manager.

Under den inledande övergången kommer de icke-cachelagrade bilderna direkt till Adobe origin-servrarna tills cachen återskapas. Adobe planerar därför att hantera ett fåtal kundövergångar i taget så att man behåller godtagbara prestanda när man drar in förfrågningar från ursprungsläget. För de flesta kunder är cacheminnet helt uppbyggt igen på CDN inom cirka en till två dagar.

Kan jag verifiera om Smart Imaging fungerar?

Ja. Du kan göra följande:

  1. När ditt konto har konfigurerats med Smart Imaging läser du in en bild-URL för Dynamic Media Classic eller Adobe Experience Manager - Dynamic Media i webbläsaren.

  2. Öppna Chrome-utvecklarfönstret genom att gå till View > Developer > Developer Tools i webbläsaren. Eller välj ett valfritt verktyg för webbläsare.

  3. Kontrollera att cachen är inaktiverad när utvecklingsverktygen är öppna.

    • I Windows® går du till inställningarna i rutan för utvecklarverktyget och markerar kryssrutan Disable cache (while devtools is open).
    • I macOS väljer du disable cache på fliken Network i rutan Utvecklare.
  4. Observera att innehållstypen har omvandlats till lämpligt format. På följande skärmbild visas en PNG-bild som konverteras dynamiskt till WebP på Chrome. Om din domän har AVIF aktiverat kan du även förvänta dig att se AVIF i innehållstypen.

  5. Upprepa testet i olika webbläsare och under olika användarförhållanden.

note note
NOTE
Alla bilder konverteras inte. Smart Imaging avgör om konverteringen kan förbättra prestandan. Ibland konverteras bilden inte om det inte finns någon förväntad prestandaökning eller om formatet inte är JPEG eller PNG.

image2017-11-14_15398

Finns det något sätt att lära sig fördelarna med Smart bildbehandling?

Ja. Huvudet Smart Imaging avgör fördelarna med Smart Imaging. När Smart Imaging är aktiverat kan du se -X-Adobe-Smart-Imaging efter att du har begärt en bild, under rubriken Response Headers, enligt följande markerade exempel:

Rubrik för smart bildåtergivning

Den här rubriken innehåller följande information:

  • Smart Imaging fungerar för företaget.
  • Ett positivt värde innebär att konverteringen lyckas. I det här fallet returneras en ny WebP-bild.
  • Ett negativt värde innebär att konverteringen inte lyckas. I så fall returneras den ursprungliga begärda bilden (JPEG som standard, om inget anges).
  • Ett positivt värde visar skillnaden i byte mellan den begärda bilden och den nya bilden. I exemplet ovan är de sparade byten 75048 eller ungefär 75 kB för en bild.
  • Ett negativt värde innebär att den begärda bilden är mindre än den nya bilden. Den negativa storleksskillnaden visas, men bilden som visas är endast den ursprungliga begärda bilden.
note note
NOTE
X-Adobe-Smart-Imaging = -1 när WebP levereras
Om värdet för X-Adobe-Smart-Imaging är -1 och WebP fortfarande levereras är Smart Imaging aktivt. Storleksfördelarna beräknades dock inte på grund av inaktuell cache. Du kan använda cache=update (endast en gång) i bildens URL för att åtgärda problemet.
Ett exempel på hur du använder modifieraren:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Om du vill göra hela cachen ogiltig måste du skapa ett supportärende.
Kan jag inaktivera AVIF-optimering i Smart Imaging?
Ja. Om du vill växla tillbaka till att använda WebP som standard skapar du ett supportärende för det. Som vanligt kan du inaktivera Smart Imaging genom att lägga till parametern bfc=off i bildens URL. Du kan dock inte välja WebP eller AVIF i URL-modifieraren för Smart Imaging. Den här möjligheten bibehålls på kontonivån.
Varför misslyckas min begäran när jag har en URL med fmt=tif i Chrome webbläsare?

Det här felet inträffar inte om Smart Imaging inte är aktiverat på ditt konto. Smart Imaging fungerar endast med JPEG eller PNG-format.

För att undvika det här felet kan du antingen:

  • Ange JPEG eller PNG, eller
  • inte använder modifieraren fmt alls, eller
  • Använd ett webbläsarformat som definieras av Smart Imaging. Du kan till exempel använda WebP för Chrome webbläsare.
Kan jag hämta en TIFF-bild från en bilds URL?
Ja. Lägg till fmt=tif och bfc=off i bildens URL-sökväg.
Hanterar Smart Imaging bildformat och bildkvalitetsinställningar?
Ja. Smart bildbehandling använder både format och kvalitet. Resten av parametrarna förblir desamma, om det krävs i bildens URL.
Kan jag ange en kvalitetsinställning för minimum och maximum?
Nej. Det finns för närvarande ingen sådan etablering.
Justerar Smart Imaging inställningen för procentkvalitet?
Ja. Smart Imaging justerar automatiskt kvalitetsprocenten. Kvaliteten bestäms med hjälp av en maskininlärningsalgoritm som utvecklats av Adobe. Den här procentandelen är inte intervallspecifik.
Ersätts endast JPEG och PNG av Smart bildbehandling?
Ja. Den här funktionen fungerar endast för JPEG och PNG.
Varför returneras JPEG till Chrome istället för WebP?
Smart bildbehandling avgör om konverteringen är bra eller inte. Den returnerar bara den nya bilden för konverteringen.
Varför fungerar inte Device Pixel Ratio (dpr) med sammansatta bilder?
Om en sammansatt bild innehåller för många lager kan dpr-funktionen påverkas när du använder en positionsmodifierare. Problemet är känt och kommer att åtgärdas i framtida versioner av Smart Imaging. Om andra Smart Imaging-funktioner inte fungerar som förväntat kan du skapa ett supportärende för att rapportera problemet.
Varför konverteras PNG-filer med Smart Imaging till förlustfri WebP/AVIF?

Eftersom PNG är ett förlustfritt format var tidigare WebP och AVIF levererade utan dataförlust, vilket ger större storlek än förväntat. Smart Imaging har nu stöd för förlustkonvertering. Du kan använda modifieraren cache=update (endast en gång) i en bildbegäran för att åtgärda problemet. Ett exempel på hur den här modifieraren används:

https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update

Om du vill göra hela cacheminnet ogiltigt måste du skapa ett supportärende och begära en sådan åtgärd.

Kan jag fortsätta använda PNG för förlustfri konvertering i Smart Imaging?
Ja. Smart Imaging har nu stöd för förlustkonvertering baserat på kvalitetsnivån. Du kan fortsätta använda förlustfri konvertering genom att ange kvaliteten till 100, antingen genom ditt företags inställningar eller genom att lägga till qlt=100 i bildens URL-sökväg.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab