Slimme afbeeldingen smart-imaging
Leer hoe Smart Imaging met Adobe Sensei AI de unieke weergavekenmerken van elke gebruiker toepast om de juiste afbeeldingen te leveren die automatisch zijn geoptimaliseerd voor hun ervaring, wat resulteert in betere prestaties en betrokkenheid.
Slimme afbeeldingen about-smart-imaging
Smart Imaging-technologie past Adobe Sensei AI-mogelijkheden toe en werkt met bestaande "voorinstellingen voor afbeeldingen". De functie verbetert de prestaties van de afbeeldingslevering door de afbeeldingsindeling, grootte en kwaliteit automatisch te optimaliseren op basis van de mogelijkheden van de clientbrowser.
En nu een betere Google Core Web Vital score voor LCP (Grootste Inhoudelijke Verf) met verbeterde Smart Imaging, die nu zowel met AVIF als WebP steun wordt geleverd.
- Bestandsgrootte (met WebP en AVIF levering)
- Netwerkbandbreedte
- DPR (Pixelverhouding apparaat)
De slimme Beeldvorming profiteert van de extra prestatiesverhoging van volledig met de best-in-klasse van de Adobe dienst CDN (het Netwerk van de Levering van de Inhoud) wordt geïntegreerd. Deze dienst vindt de optimale route van Internet tussen servers, netwerken, en peerpunten. Het vindt een route die de laagste latentie en het laagste tarief van het pakketverlies in plaats van het gebruiken van de standaardroute op Internet heeft.
De volgende voorbeelden van afbeeldingselementen geven de toegevoegde optimalisatie van Smart Imaging aan:
Net als in het bovenstaande heeft Adobe ook een test uitgevoerd met een grotere set monsters. Het formaat AVIF verstrekte 20% extra groottevermindering boven WebP, die 27% vermindering boven JPEG verstrekte. Allemaal met dezelfde visuele kwaliteit. In totaal kan AVIF tot 41% gemiddelde grootte verkleinen in vergelijking met JPEG.
Vergelijk WebP en AVIF met PNG, kunt u een 84% groottevermindering met WebP en 87% met AVIF zien. En omdat zowel WebP- als AVIF-indelingen transparantie en meerdere afbeeldingsanimaties ondersteunen, is dit een goede vervanging voor transparante PNG- en GIF-bestanden.
Zie ook Optimalisering van het Beeld met Formaten van het Beeld van Next-gen (WebP en AVIF)
Voordelen van Slimme Beeldvorming
Met Slimme afbeeldingen verbetert u de levering van afbeeldingen door de bestandsgrootte automatisch te optimaliseren op basis van de browser, de apparaatweergave en de netwerkvoorwaarden van de gebruiker. Deze aanpak zorgt voor snellere laadtijden en een betere kijkervaring in verschillende omgevingen. Omdat de beelden de meeste ladingstijd van een pagina vormen, kan om het even welke prestatiesverbetering een diepgaande invloed op zaken KPIs zoals het volgende hebben:
- Hogere conversiesnelheden.
- Tijd doorgebracht op een site.
- Lagere stuitpercentages voor de site.
De nieuwste belangrijkste voordelen van de nieuwste Smart Imaging zijn onder andere:
- Ondersteunt de AVIF-indeling van de volgende generatie.
- PNG naar WebP en AVIF ondersteunen nu omzetting met verlies. Omdat PNG een indeling zonder verlies is, gaan eerdere WebP- en AVIF-bewerkingen verloren.
- Conversie browserindeling
- Pixelverhouding apparaat
- Netwerkbandbreedte
Omzetting in browserindeling bfc
Als u Omzetting browserformaat inschakelt door bfc=on
aan de URL van de afbeelding toe te voegen, worden JPEG en PNG voor verschillende browsers automatisch omgezet in een wegwerpversie met verlies in AVIF, WebP met verlies, JPEGXR met verlies en JPEG2000 met verlies. Voor browsers die deze indelingen niet ondersteunen, blijft Smart Imaging de JPEG of PNG gebruiken. Met Slimme afbeeldingen wordt de kwaliteit van de nieuwe indeling samen met de indelingswijziging opnieuw berekend.
U kunt Smart Imaging uitschakelen door bfc=off
aan de URL van de afbeelding toe te voegen.
Zie ook bfcin het Beeld van Dynamic Media die en API teruggeven.
Optimalisatie van apparaatpixelverhoudingen dpr
De pixelverhouding van het apparaat (DPR), ook wel CSS-pixelverhouding genoemd, vertegenwoordigt de relatie tussen de fysieke pixels van een apparaat en logische pixels. Met de opkomst van Retina-schermen neemt de pixelresolutie van moderne mobiele apparaten snel toe.
Als u de pixelverhouding van het apparaat inschakelt, wordt de afbeelding weergegeven met de oorspronkelijke resolutie van het scherm, waardoor deze scherp wordt.
Momenteel is de pixeldichtheid van het beeldscherm afkomstig van Akamai CDN-headerwaarden.
dpr=off
dpr=on,dprValue
dprValue
is een getal groter dan 0.- U kunt
dpr=on,dprValue
ook gebruiken als de DPR-instelling op bedrijfsniveau is uitgeschakeld. - Als de resulterende afbeelding door DPR-optimalisatie groter is dan de Dynamic Media-instelling MaxPix, wordt de breedte van MaxPix altijd herkend door de hoogte-breedteverhouding van de afbeelding te behouden. —>
Zie ook wanneer het werken met beeldenen wanneer het werken met Slim Uitsnijden.
Informatie over netwerkbandbreedteoptimalisatie bandwidth
Als u netwerkbandbreedte inschakelt, wordt automatisch de beeldkwaliteit aangepast die wordt aangeboden op basis van de werkelijke netwerkbandbreedte. Voor een slechte netwerkbandbreedte wordt DPR (Device Pixel Ratio)-optimalisatie automatisch uitgeschakeld, zelfs als deze al is ingeschakeld.
Uw bedrijf kan optimalisatie van de netwerkbandbreedte voor afzonderlijke afbeeldingen uitschakelen door network=off
aan de afbeeldings-URL toe te voegen.
network=off
DPR en de waarden van de netwerkbandbreedte zijn gebaseerd op de ontdekte cliënt-zijwaarden van gebundelde CDN. Deze waarden zijn soms onjuist. IPhone5 met DPR=2 en iPhone12 met dpr=3
bijvoorbeeld, beide tonen dpr=2
. Voor apparaten met hoge resolutie is het echter beter dpr=2
te verzenden dan dpr=1
te verzenden. De beste manier om deze onnauwkeurigheid te overwinnen, is echter door DPR op de client-side te gebruiken om u 100% nauwkeurige waarden te geven. En het werkt voor elk apparaat, of het nu Apple is of een ander apparaat dat gelanceerd werd. Zie het Slimme Beelden van het Gebruik met cliënt-kant de Verhouding van het Pixel van het Apparaat.
Extra zeer belangrijke voordelen van Slimme Beeldvorming
- Verbeterde Google SEO-classificatie voor webpagina's die gebruikmaken van de nieuwste Smart Imaging.
- Hiermee wordt geoptimaliseerde inhoud direct (bij uitvoering) weergegeven.
- Gebruikt Adobe Sensei-technologie voor conversie op basis van de kwaliteit (
qlt
) die is opgegeven in de afbeeldingsaanvraag. - onafhankelijk van TTL (Time to Live). Eerder was een minimale TTL van 12 uur verplicht voor Smart Imaging.
- Eerder waren zowel de oorspronkelijke als de afgeleide afbeeldingen in het cachegeheugen opgeslagen. Het was een proces van twee stappen om de cache ongeldig te maken. In de nieuwste Smart Imaging worden alleen de derivaten in het cachegeheugen opgeslagen, zodat een cachevalidatieproces in één stap mogelijk is.
- Klanten die aangepaste koppen in hun linialen gebruiken, profiteren van de nieuwste functie voor Smart Imaging, omdat deze koppen, in tegenstelling tot de vorige versie van Smart Imaging, niet worden geblokkeerd. Bijvoorbeeld, "het Timing staat Oorsprong"en "x-Robot"zoals gesuggereerd in voeg een waarde van de douanekop aan beeldreacties toe|Dynamic Media Classic.
Hoe Smart Imaging werkt how-smart-imaging-works
Wanneer een consument om een afbeelding vraagt, analyseert Smart Imaging de gebruikerskenmerken en zet deze om in de juiste indeling op basis van de browser. Deze formaatomzettingen worden gedaan op een manier die geen visuele getrouwheid degradeert. Met Slimme afbeeldingen worden afbeeldingen op de volgende manier automatisch omgezet in verschillende indelingen op basis van browsermogelijkheden.
-
Automatisch converteren naar AVIF als uw browser de indeling ondersteunt
-
Automatisch converteren naar WebP als AVIF-conversie niet gunstig was of de browser AVIF niet ondersteunt
-
Automatisch converteren naar JPEG2000 als WebP niet wordt ondersteund door Safari
-
Automatisch converteren naar JPEGXR voor IE 9+ of als Edge WebP niet ondersteunt
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Afbeeldingsindeling Ondersteunde browsers AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG 2000 https://caniuse.com/jpeg2000 JPEGXR https://caniuse.com/jpegxr -
Voor browsers die deze indelingen niet ondersteunen, wordt de oorspronkelijk aangevraagde afbeeldingsindeling weergegeven.
Als de oorspronkelijke afbeelding kleiner is dan het resultaat van Smart Imaging, wordt de oorspronkelijke afbeelding weergegeven.
Ondersteuning voor afbeeldingsindelingen in Smart Imaging image-format-support
De volgende afbeeldingsindelingen worden ondersteund voor Smart Imaging:
- JPEG
- PNG
Met Slimme afbeeldingen wordt de kwaliteit voor afbeeldingsbestandsindelingen van JPEG opnieuw berekend bij de conversie naar een nieuwe indeling.
Voor afbeeldingsbestandsindelingen die transparantie ondersteunen, zoals PNG, kunt u Smart Imaging configureren om AVIF en WebP met verlies te leveren. Voor de omzetting van de verliesindeling wordt bij Smart Imaging de kwaliteit gebruikt die wordt vermeld in de URL van de afbeelding, of anders de kwaliteit die is geconfigureerd in het Dynamic Media-bedrijfsaccount.
Ondersteuning van de opdracht Beeldserving in Smart Imaging imaging-serving-command-support
De opdrachten Afbeeldingsserver fmt
en qlt
worden niet ondersteund. Alle resterende opdrachten worden ondersteund.
Veelgestelde vragen over Smart Imaging smart-imaging-faq
Nee. Smart Imaging wordt meegeleverd bij uw bestaande licentie. Deze regel geldt voor Dynamic Media Classic of Experience Manager - Dynamic Media (On-prem, AMS en as a Cloud Service Experience Manager).
note important |
---|
IMPORTANT |
Smart Imaging is niet beschikbaar voor Dynamic Media - Hybride klanten. |
Ja. U kunt Smart Imaging uitschakelen door een van de volgende opties toe te voegen:
bfc=off
om Browser Format Conversion uit te schakelen. Zie ook Browser de Omzetting van het Formaat.dpr=off
om de pixelverhouding van het apparaat uit te schakelen. Zie ook {de Verhouding van het Pixel van 0} Apparaat 🔗.network=off
om netwerkbandbreedte uit te schakelen. Zie ook Bandbreedte van het Netwerk.
Ja. Slimme afbeeldingen hebben drie opties die u kunt in- of uitschakelen.
Slimme afbeeldingen worden naadloos geïntegreerd met uw bestaande voorinstellingen voor afbeeldingen, waarbij alle afbeeldingsinstellingen worden gerespecteerd.
De enige aanpassingen hebben betrekking op de afbeeldingsindeling, de kwaliteit of beide. Tijdens het omzetten van indelingen behoudt Smart Imaging de volledige visuele getrouwheid op basis van de vooraf ingestelde instellingen, maar het bestand wordt kleiner. U kunt deze functie alleen inschakelen door bfc=on
, dpr=on,dprValue
, network=on
of alle drie parameterinstellingen toe te voegen aan uw bestaande URL's of voorinstellingen.
Een voorinstelling voor een afbeelding geeft bijvoorbeeld een JPEG-indeling op van 500 × 500 pixels, met quality=85
en unsharp mask=0.1,1,5
. Smart Imaging detecteert of de gebruiker zich in een Chrome-browser bevindt. Vervolgens wordt de afbeelding omgezet in een webpagina met dezelfde afmetingen (500 × 500) en een onscherp masker dat overeenkomt met de instellingen van de JPEG. Het systeem vergelijkt dan de dossiergrootte van WebP en de versies van JPEG en dient kleinere aan de gebruiker.
Smart Imaging is klaar om direct voor alle klanten te worden gebruikt. Als u van de voordelen ervan wilt genieten, voegt u bfc=on
of dpr=on,dprValue
, of network=on
, of alle drie parameterinstellingen toe aan uw bestaande URL's of voorinstellingen.
Als u Smart Imaging wilt activeren, moet de Dynamic Media Classic of Dynamic Media van uw bedrijf voor een Experience Manager-account de Adobe gebundelde CDN (Content Delivery Network) als onderdeel van uw licentie opnemen.
Als u Smart Imaging wilt gaan gebruiken, voegt u bfc=on
, dpr=on,dprValue
of network=on
of alle drie parameterinstellingen toe aan uw bestaande URL's of voorinstellingen. Als u deze wijzigingen liever niet handmatig doorvoert, kunt u Smart Imaging standaard inschakelen door een ondersteuningscase te maken.
Geef bij het maken van de draagtas op welke functies voor Smart Imaging u op uw account wilt activeren:
- Conversie browserindeling (WebP of AVIF)
- Optimalisatie van netwerkbandbreedte
note note |
---|
NOTE |
DPR vereist aanpassingen aan de client-side om het juiste dprValue te bepalen. Daarom raadt Adobe aan DPR via URL's in te schakelen door dpr=on,dprValue toe te voegen. |
om een steungeval tot stand te brengen om Slimme Beeldvorming op uw rekening toe te laten:
-
gebruik de Admin Console om de verwezenlijking van een nieuw steungevalte beginnen.
-
Geef de volgende informatie op in uw ondersteuningsgeval:
-
Primaire contactdetails:
- Geef uw naam, e-mail en telefoonnummer op.
-
Slimme het Bewaren eigenschappen om toe te laten:
-
Geef een overzicht van de mogelijkheden die u voor uw account wilt:
- Conversie van browserindeling: WebP of AVIF
- Optimalisatie van netwerkbandbreedte
- DPR: DPR vereist aanpassingen aan de clientzijde om het juiste
dprValue
te bepalen. Daarom raadt Adobe aan DPR via URL's in te schakelen doordpr=on,dprValue
toe te voegen.
-
-
Domein voor Slimme Beeldvorming:
-
Alle relevante domeinen weergeven, zoals
company.com
ofmycompany.scene7.com
-
Smart Imaging ondersteunt zowel algemene als aangepaste domeinen.
-
Om uw domeinen te identificeren, open de Desktoptoepassing van Dynamic Media Classicen teken binnen aan uw bedrijfrekening.
- Navigeer naar Setup > Application Setup > General Settings .
- Zoek het veld Published Server Name om uw domein te bevestigen.
- Verifieer dat u CDN van de Adobe eerder dan één gebruikt die door een andere leverancier wordt beheerd.
-
-
wijs HTTP/2 steun aan:
- Geef op of u Smart Imaging nodig hebt om te werken via HTTP/2.
-
-
De Klantenondersteuning van de Adobe biedt standaard de vereiste functies voor Smart Imaging, waardoor het niet nodig is om handmatig parameters aan URL's toe te voegen.
-
Adobe raadt aan de tijd in te stellen op ten minste 24 uur om de prestaties te maximaliseren door caching.
De TTL aanpassen:-
voor Dynamic Media Classic:
- Navigeer naar Setup > Application Setup > Publish Setup > Image Server .
- Stel de waarde van Default Client Cache Time To Live in op 24 uur of meer.
-
voor Dynamic Media op Adobe Experience Manager:
- Volg deze instructies.
- Stel de waarde Expiration in op 24 uur of langer.
-
De processen van de Steun van de klant verzoeken in de orde dat zij hen, na de Lijst van de Wacht ontvangen.
note note |
---|
NOTE |
Er kan een lange aanlooptijd zijn, omdat het inschakelen van Smart Imaging Adobe vereist voor het wissen van de cache. Daarom kunnen slechts een paar klantenovergangen op elk bepaald ogenblik worden behandeld. |
Er is geen risico voor een klantenwebpagina. Bij de overgang naar Smart Imaging wordt de CDN-cache echter wel gewist. Bij deze bewerking gaat u naar een nieuwe configuratie van Dynamic Media Classic of Dynamic Media op Experience Manager.
Tijdens de eerste overgang raken de oorspronkelijke servers van de Adobe rechtstreeks door de niet-cacheafbeeldingen totdat het cachegeheugen opnieuw wordt opgebouwd. Als dusdanig, is de Adobe van plan om een paar klantenovergangen in een tijd te behandelen zodat de aanvaardbare prestaties worden gehandhaafd wanneer het trekken van verzoeken van de oorsprong. Voor de meeste klanten, wordt het geheime voorgeheugen volledig opnieuw opgebouwd bij CDN binnen ongeveer één tot twee dagen.
Ja. U kunt het volgende doen:
-
Wanneer uw account is geconfigureerd met Smart Imaging, laadt u een Dynamic Media Classic- of Adobe Experience Manager - Dynamic Media-afbeeldings-URL in de browser.
-
Open het Chrome-ontwikkelaarsvenster door in de browser naar View > Developer > Developer Tools te gaan. Of kies een ander browserontwikkelaarsgereedschap van uw keuze.
-
Zorg ervoor dat de cache is uitgeschakeld wanneer de ontwikkelprogramma's zijn geopend.
- In Windows® navigeert u naar de instellingen in het deelvenster voor ontwikkelaars en schakelt u het selectievakje Disable cache (while devtools is open) in.
- Selecteer in macOS onder het tabblad Network in het deelvenster Ontwikkelaar de optie disable cache .
-
Waarnemen dat het inhoudstype wordt omgezet in de juiste indeling. In de volgende schermafbeelding ziet u een PNG-afbeelding die op Chrome dynamisch wordt omgezet in WebP. Als voor uw domein AVIF is ingeschakeld, kunt u ook AVIF in het Inhoudstype zien.
-
Herhaal deze test voor verschillende browsers en gebruikersomstandigheden.
note note |
---|
NOTE |
Niet alle afbeeldingen worden omgezet. Smart Imaging bepaalt of de conversie de prestaties kan verbeteren. Soms wordt de afbeelding niet geconverteerd als er geen verwachte prestatieverbetering is of de indeling geen JPEG of PNG is. |
Ja. De koptekst Slimme afbeeldingen bepaalt de voordelen van Slimme afbeeldingen. Wanneer Slimme afbeeldingen is ingeschakeld, kunt u na een verzoek om een afbeelding onder de kop Response Headers -X-Adobe-Smart-Imaging
zien zoals in het volgende gemarkeerde voorbeeld:
Deze koptekst geeft het volgende aan:
- Smart Imaging werkt voor het bedrijf.
- Een positieve waarde betekent dat de conversie is gelukt. In dit geval wordt een nieuwe WebP-afbeelding geretourneerd.
- Een negatieve waarde betekent dat de conversie niet is gelukt. In dat geval wordt de oorspronkelijke opgevraagde afbeelding geretourneerd (standaard JPEG, indien niet opgegeven).
- Een positieve waarde geeft het verschil in bytes tussen de gevraagde afbeelding en de nieuwe afbeelding aan. In het bovenstaande voorbeeld zijn de opgeslagen bytes
75048
of ongeveer 75 KB voor één afbeelding. - Een negatieve waarde betekent dat de gevraagde afbeelding kleiner is dan de nieuwe afbeelding. Het verschil in negatieve grootte wordt getoond, maar het bediende beeld is het originele gevraagde beeld slechts.
note note |
---|
NOTE |
x-Adobe-Smart-Imaging = -1 met WebP die wordt geleverd |
Als de waarde van X-Adobe-Smart-Imaging -1 is en WebP nog steeds wordt geleverd, is Smart Imaging actief. De groottevoordelen zijn echter niet berekend vanwege een verouderde cache. U kunt cache=update (slechts één keer) in de URL van de afbeelding gebruiken om dit probleem op te lossen.Een voorbeeld van de modifier: https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update Als u de gehele cache wilt ongeldig maken, moet u een ondersteuningscase maken. |
bfc=off
aan URL van het beeld toe te voegen. U kunt WebP of AVIF echter niet selecteren in de URL-optie voor Smart Imaging. Deze mogelijkheid blijft behouden op het niveau van uw bedrijfsaccount.Deze fout treedt niet op als Smart Imaging niet is ingeschakeld voor uw account. Slimme afbeeldingen werken alleen in de indeling JPEG of PNG.
U kunt deze fout voorkomen door:
- Geef JPEG of PNG op, of
- Gebruik de optie
fmt
helemaal niet, of - Gebruik een browservoorkeursindeling die wordt gedefinieerd door Smart Imaging. U kunt bijvoorbeeld WebP gebruiken voor de Chrome-webbrowser.
fmt=tif
en bfc=off
toe aan het URL-pad van de afbeelding.Omdat PNG een indeling zonder gegevensverlies is, zijn eerdere WebP- en AVIF-bewerkingen zonder gegevensverlies uitgevoerd. Hierdoor is het bestand groter dan u had verwacht. Smart Imaging ondersteunt nu omzetten met verlies. U kunt de optie cache=update
(slechts één keer) in een afbeeldingsaanvraag gebruiken om dit probleem op te lossen. Een voorbeeld van het gebruik van deze modifier:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Om het volledige geheime voorgeheugen ongeldig te maken, moet u een steungeval creëren die om zulk een inspanning verzoekt.
qlt=100
toe te voegen aan het URL-pad van de afbeelding.