[AEM Assets]{class="badge positive" title="van toepassing op AEM Assets)."}

Afbeeldingen optimaliseren met Dynamic Media met OpenAPI-mogelijkheden Optimize-images-using-Dynamic-Media-with-OpenAPI-Capabilities

Laatst bijgewerkt: 9 maart 2026

Van toepassing op:
Experience Manager as a Cloud Service

Gemaakt voor:

Admin

Dynamic Media with OpenAPI capabilities biedt optimalisatiefuncties voor afbeeldingen, zoals Smart Crop , Image Presets en Smart Imaging . Deze mogelijkheden bieden responsieve beelden van hoge kwaliteit die snel worden geladen op verschillende apparaten en netwerken.

Slim uitsnijden smart-crop-using-dynamic-media-with-openapi-capabilities

het Slimme Gewas is een dynamisch het rangschikken vermogen van Dynamic Media with OpenAPI capabilities. Smart Crop is een geavanceerde beeldverwerkingstechniek die door AI aangedreven inhoud-bewuste het bebouwen gebruikt om beelden voor diverse het schermgrootte intelligent uit te snijden terwijl het bewaren van de visuele context in bebouwde versies. De AI analyseert het beeld om het brandpunt of het voorgenomen punt van belang te identificeren, en dan het beeld automatisch om het brandpunt in alle bebouwde versies te behouden. Smart Crop is een belangrijk element van responsief ontwerp en biedt een voordelige en tijdbesparende manier om afbeeldingen uit te snijden.

Zie het Dynamische Profiles van het Beeld van Media artikel leren hoe te Slimme vertoningen van het Gewas in Admin View tot stand brengen, hen op omslagen toepassen, of geeft vertoningen reeds op een beeld of een omslag uit. Leer om a Smart Crop stap voor stap in deze video tot stand te brengen.

De parameter Smart Crop verwacht dat benoemde-smartcrop-profielen bestaan en zijn toegepast op het element. Zie Slimme profielen van het Gewas om meer over de Smart Crop parameter te leren en hoe de genoemde Smart Crop profielen worden toegepast.

IMPORTANT

U kunt Smart Crop -uitvoeringen alleen maken in de beheerweergave.

Voorinstellingen voor afbeeldingen image-presets-using-dynamic-media-with-openapi-capabilities

Transformeer beelden op de vlucht gebruikend Beeld vooraf instelt vermogen in Dynamic Media with OpenAPI capabilities. Een image preset is een vooraf gedefinieerde set regels voor het vergroten of verkleinen en opmaken van een uitvoerafbeelding.

Dynamic Media with OpenAPI capabilities gebruikt namen met voorinstellingen om een afbeelding direct te transformeren en de uitvoering direct te genereren. Wanneer u een afbeelding aanvraagt via een Dynamic Media with OpenAPI bezorgings-URL die een vooraf ingestelde parameter bevat, past DM with OpenAPI de transformaties van de voorinstelling toe, wordt de vertoning op aanvraag gemaakt en wordt deze aan de gebruiker geleverd.

U kunt één voorinstelling toepassen op meerdere afbeeldingen via de Dynamic Media with OpenAPI -bezorgings-URL’s. Dit zorgt voor een consistente opmaak in de verschillende elementen zonder dat elk element handmatig hoeft te worden bewerkt.

Zie het leiden Beeld stelt artikel vooraf in om te leren hoe te tot beeld leidt vooraf instelt in Mening Admin , en hoe te om ontvankelijke beeld tot stand te brengen vooraf instelt dat automatisch activa aanpast om verschillende het schermgrootte te passen.

Voordelen van het gebruik van voorinstellingen voor afbeeldingen benefits-of-image-presets

Image Presets biedt verschillende voordelen voor het beheren en leveren van afbeeldingen in Dynamic Media with OpenAPI . Enkele van de belangrijkste voordelen zijn:

Met voorinstellingen maakt u URL’s voor de levering van afbeeldingen korter. Gebruik één voorinstelling in plaats van meerdere afbeeldingsmodifiers toe te voegen die de leverings-URL langer maken. Kortere URL’s zijn eenvoudiger te beheren en zorgen voor consistente beeldlevering op verschillende websites, mobiele apps, e-mails en andere kanalen.
Met voorinstellingen voor afbeeldingen kunt u in een bepaald tijdsbestek uitvoeringen maken op basis van een bronafbeeldingsbestand. Met deze mogelijkheid voor het genereren van uitvoeringen op aanvraag hoeft u niet meerdere statische uitvoeringen van hetzelfde bestand te maken en op te slaan, waardoor zowel de tijd als de opslag wordt bespaard.
Pas één voorinstelling toe op een grote set elementen tegelijk, waarbij handmatige bewerkingen op elk element afzonderlijk worden vermeden, consistente opmaak wordt gegarandeerd en schaalbaarheid wordt ingeschakeld.
Wanneer u de parameters van een voorinstelling bijwerkt, worden alle afbeeldingen met die voorinstelling automatisch opnieuw opgemaakt. Dit stroomlijnt het uitgeven door het formatteren updates te centraliseren, die de behoefte elimineren om individuele activa of Webcode opnieuw uit te geven.
Verbetert efficiency en prestaties met dynamische vertoningen caching door CDN, resulterend in snellere lading en geoptimaliseerde prestaties over apparaten en netwerken.

Afbeeldingsvoorinstellingen gebruiken use-image-presets-using-dynamic-media-with-openapi-capabilities

Nadat u Image Presets hebt gemaakt, kunt u deze gebruiken voor de volgende workflows:

Voorinstellingen in URL voor levering van afbeeldingen gebruiken om de uitvoeringen direct te maken voordat deze aan de eindgebruiker worden geleverd
Voorinstellingen gebruiken tijdens het ontwerpen in AEM Sites

Voorinstellingen gebruiken in URL voor levering van afbeelding use-presets-in-delivery-urls

Met voorinstellingen kunt u uw URL’s voor levering korter en gebruiksvriendelijker maken. Elke naam van de voorinstelling fungeert als een unieke id in de leverings-URL. Verwijs in plaats van meerdere modifiers toe te voegen aan de leverings-URL van een element naar de naam van de voorinstelling om de uitvoering direct te genereren. Leer om het Dynamische Beeld van Media toe te passen vooraf instelt aan uw beeld .
In het volgende voorbeeld wordt een URL met een voorinstelling vergeleken met een URL zonder voorinstelling.

URL zonder vooraf ingesteld (lange URL):

https://delivery-p30902-e145436-cmstg.adobeaemcloud.com/adobe/assets/urn:aaid:aem:393d5579-5be2-49a5-ac5f-8fed72bfb614/as/AdobeStock_63266433.avif?width=400&height=300&fit=crop&qualit=85&sharpen=true

URL met vooraf ingesteld (korte URL):

https://delivery-p30902-e145436-cmstg.adobeaemcloud.com/adobe/assets/urn:aaid:aem:393d5579-5be2-49a5-ac5f-8fed72bfb614/as/AdobeStock_63266433.avif?preset=thumbnail

De vooraf ingestelde miniatuur bundelt dezelfde instellingen voor afbeeldingsmodifier.

Voorinstellingen gebruiken tijdens het ontwerpen in AEM Sites use-presets-during-authoring-in-aem-sites

Auteurs kunnen Image Presets selecteren tijdens het bewerken van pagina’s in de AEM Sites ontwerppagina wanneer Dynamic Media -ondersteuning is ingeschakeld.
Voer de volgende stappen uit om voorinstellingen voor afbeeldingen in uw ontwerppagina te gebruiken:

Navigeer naar de ontwerppagina voor sites.
Voer de stappen in de verre activa van de Toegang in de sectie van de Redacteur van de Pagina van AEM uit om het Asset Selector paneel te gebruiken voor het selecteren van activa.
Blader in het deelvenster asset selector omlaag naar Preset type , geef Preset=Preset Name op in het veld Image Modifiers en klik op Done .

Slimme afbeeldingen use-smart-imaging-using-dynamic-media-with-openapi-capabilities

Wanneer u Dynamic Media with OpenAPI capabilities voor beeldlevering gebruikt, worden de beelden automatisch geoptimaliseerd door Slimme beelden . Geoptimaliseerde levering zorgt ervoor dat afbeeldingen sneller worden geladen, maximale visuele kwaliteit hebben en een minimale bestandsgrootte hebben. Hierdoor wordt de pagina het snelst geladen en blijft de visuele kwaliteit in alle apparaten en netwerken constant hoog, terwijl de minimale bandbreedte wordt verbruikt, waardoor uw website sneller en responsiever wordt.

Smart Imaging bevat de volgende mogelijkheden:

Omzetten in automatische indeling
de bandbreedteoptimalisering van het Netwerk

Omzetten in automatische indeling auto-format-conversion

Dynamic Media with OpenAPI zet automatisch beelden in moderne, web-geoptimaliseerde formaten zoals AVIF of WEBP om. De omzetting hangt van de mogelijkheden van browser en vergunning-recht , ongeacht het gevraagde formaat af.

De indelingen AVIF en WEBP bieden een betere compressie, waardoor afbeeldingen kleiner en sneller worden gemaakt voor levering en laden. AVIF wordt gebruikt als standaardformaat aangezien het alle browser mogelijkheden behandelt.

Dynamic Media with OpenAPI gebruikt de auto-format queryparameter om het gedrag van de browser te bepalen voor het omzetten van een afbeelding in verschillende indelingen voor geoptimaliseerde aflevering. De auto formaatomzetting omvat autobevordering en autodemotion. Wanneer het systeem voor levering een voor het web geoptimaliseerde indeling (AVIF of WEBP) via JPEG of PNG promoot, wordt deze automatisch promotie genoemd.

Standaard is de parameter auto-format query ingesteld op true . Wanneer auto-format (waar) wordt toegelaten, negeert het systeem het gevraagde formaat en selecteert automatisch een Web-geoptimaliseerd formaat (AVIF of WEBP) dat op beeldkenmerken, browser mogelijkheden, en vergunning-recht wordt gebaseerd.

Wanneer auto-format true is, levert het systeem de afbeeldingsindeling in de volgende volgorde:

AVIF: AVIF wordt geleverd als browser het steunt en de vergunning het toestaat. Dit wordt automatisch promoten genoemd.
WEBP: WEBP wordt geleverd als AVIF niet wordt gesteund of vergunning gegeven. Dit is ook automatische promotie.
JPEG: JPEG wordt geleverd slechts wanneer AVIF en WEBP niet gesteund zijn, en het beeld heeft geen alpha- kanaal (transparantie). Dit wordt automatische demotie genoemd.
PNG: PNG wordt geleverd wanneer browser geen moderne formaten steunt en het beeld alpha- kanaal (transparantie) heeft. Dit wordt ook wel automatische demotie genoemd.

Schakel auto-format uit door de queryparameter in te stellen op false en geef vervolgens de vereiste indeling op om de afbeelding in die indeling te laten leveren.

Optimalisatie van netwerkbandbreedte network-bandwidth-optimisation

Afbeeldingen worden automatisch geoptimaliseerd op basis van de netwerkvoorwaarden van de client, zodat de levering sneller verloopt en het laden soepel verloopt. De Kwaliteit en maximum-kwaliteit parameters past automatisch de kwaliteit aan door de niveaus van de beeldcompressie te controleren, met waarden die zich van 1 tot 100 uitstrekken.

Zie het volgende gedrag van de parameters quality en max-quality :

Als zowel quality als max-quality zijn opgegeven, heeft quality voorrang.
Als alleen quality wordt opgegeven, wordt de kwaliteit geleverd ongeacht de laadtijd op basis van de netwerksnelheid.
Als alleen max-quality wordt opgegeven, wordt de afbeeldingskwaliteit automatisch aangepast op basis van de netwerkvoorwaarden, zodat de best mogelijke kwaliteit tot de opgegeven max-quality -waarde kan worden bereikt.
Als geen van beide is opgegeven, past het systeem dynamische optimalisatie toe met de standaardwaarde max-quality 85 .

Kwaliteitsparameter quality-parameter

De parameter quality geeft voorrang aan de afbeeldingskwaliteit boven de laadsnelheid. De kwaliteit van de uitvoerafbeelding wordt gecorrigeerd op de gevraagde waarde (tussen 1 en 100) en de netwerkomstandigheden worden genegeerd. Leer meer over de parameter van de kwaliteitskwaliteit .

Max. kwaliteit, parameter max-quality-parameter

De maximum-kwaliteit brengt beeldkwaliteit en ladingstijd in evenwicht die op de netwerksnelheid van de cliënt wordt gebaseerd. Het geeft voorrang aan snellere ladingstijden door beeldkwaliteit op langzamere netwerken te verminderen, terwijl nog het leveren van de hoogst mogelijke kwaliteit (1-100) voor de bepaalde netwerkvoorwaarden. Leer meer over de maximum-kwaliteit parameter .

recommendation-more-help

experience-manager-cloud-service-help-main-toc