x-schema-name
demo-slides
title
dynamic-media
topbarTitle
Dynamic Media in Edge Delivery Services
slides
  • self://#slides-5hsnk8
  • self://#slides-m3xvkf
  • self://#slides-swr4kv
  • self://#slides-kpxsio
  • self://#slides-m5xtbm
  • self://#slides-jow704
  • self://#slides-3xgy6c
slideTitle
Dynamic Media + Edge Delivery Services
eyebrowLabel
The Problem
slideTitle
Managing image variants is a full-time job
leadParagraph
The traditional approach requires teams to manually crop, export, and upload dozens of image variants for every breakpoint, locale, and channel.
bulletPoints
  • Desktop, tablet, mobile = 3 crops minimum
  • Every new product launch multiplies the work
  • Brand inconsistency creeps in at scale
keyTakeaways
Dynamic Media eliminates the manual variant tax — one upload, all renditions on demand.
buttonText
View Large Crop
url
https://delivery-p187853-e1977051.adobeaemcloud.com/adobe/assets/urn:aaid:aem:5f8fc15f-34e7-4353-9de5-b894746a9e8d/as/pexels-silverkblack-36712920.jpg?smartcrop=Large
buttonText
View Small Crop
url
https://delivery-p187853-e1977051.adobeaemcloud.com/adobe/assets/urn:aaid:aem:5f8fc15f-34e7-4353-9de5-b894746a9e8d/as/pexels-silverkblack-36712920.jpg?smartcrop=Small
eyebrowLabel
The Differentiator
slideTitle
AI-driven smart crop, served automatically
leadParagraph
Smart Crop uses Adobe Sensei to identify the focal subject and generate crop profiles automatically. EDS requests the correct profile at render time — no author action required.
bulletPoints
  • Smart Crop profiles configured once in AEM DAM
  • The delivery tier returns the AI-cropped rendition on demand
  • Responsive pages serve the right crop per viewport
  • One asset upload → infinite renditions
openInBrowser
  • self://#openinbrowser-grecf9
  • self://#openinbrowser-49dvin
keyTakeaways
The author uploads once in DA. Smart Crop + EDS handle the rest from a single delivery URL.
buttonText
View Large Crop
url
https://delivery-p187853-e1977051.adobeaemcloud.com/adobe/assets/urn:aaid:aem:f7b604d7-e460-4237-842c-7b0553eddb26/as/pexels-silverkblack-36730427.jpg?smartcrop=Large
buttonText
View Small Crop
url
https://delivery-p187853-e1977051.adobeaemcloud.com/adobe/assets/urn:aaid:aem:f7b604d7-e460-4237-842c-7b0553eddb26/as/pexels-silverkblack-36730427.jpg?smartcrop=Small
eyebrowLabel
The Workflow
slideTitle
Paste one URL into a Document Authoring page
leadParagraph
Authors paste a single Dynamic Media delivery URL into the page — no variant management, no image editor, no exports.
bulletPoints
  • Delivery URL goes into the document exactly like any other image link
  • EDS decoration pipeline wraps it in a responsive picture element
  • The page serves correctly on all breakpoints without author involvement
  • One change in DAM propagates everywhere instantly
openInBrowser
  • self://#openinbrowser-7k6fi1
  • self://#openinbrowser-l60ig5
keyTakeaways
The editorial workflow stays in documents. Dynamic Media complexity is invisible to the author.
eyebrowLabel
Why It Matters
slideTitle
100 PageSpeed. Zero manual image work.
leadParagraph
Dynamic Media delivery ensures images are format-optimized, correctly sized, and delivered via CDN — while keeping the authoring experience document-simple.
bulletPoints
  • WebP/AVIF served automatically based on browser support
  • Delivery CDN caches renditions globally
  • Smart Crop eliminates the resize-and-re-upload cycle
  • One change in DAM propagates everywhere instantly
keyTakeaways
EDS + Dynamic Media is the only authoring system that achieves perfect PageSpeed scores with enterprise-scale image management — without a build step.
buttonText
DA Setup Docs
url
https://docs.da.live/administrators/guides/setup-aem-assets#dynamic-media-recommendations
eyebrowLabel
Setup
slideTitle
Configuring Dynamic Media in Document Authoring
leadParagraph
Add two required keys to DA site config to enable Dynamic Media delivery. A third key enables Smart Crop selection and is optional.
bulletPoints
  • aem.repositoryId — your AEM author hostname (e.g. author-p{prog}-e{env}.adobeaemcloud.com)
  • aem.asset.dm.delivery: on — browse assets in author, insert DM delivery URLs automatically
  • (Optional) aem.asset.smartcrop.select: on — adds Smart Crop picker at insert time; omit if Smart Crop is not configured in your AEM environment
  • Assets must be approved with activation target set to "delivery" to appear via DM URLs
openInBrowser
  • self://#openinbrowser-vqbyk3
keyTakeaways
Two required keys. Five minutes. Authors get full asset browsing and automatic DM delivery URLs — Smart Crop selection is one more key away.
eyebrowLabel
Best Practices
slideTitle
DM + Media Bus — better together
leadParagraph
For most use cases, route Dynamic Media assets through Media Bus: you get Smart Crop, URL-based transforms, and automatic WebP/AVIF delivery — without giving up AEM's asset management.
bulletPoints
  • Authors select Smart Crop profiles directly in DA at insert time
  • URL transforms are baked in at authoring — immutable, not editable by end users
  • Media Bus adds AVIF/WebP/SVG support and global CDN caching on top of DM
  • Use aem.assets.image.type: link for direct DM delivery without Media Bus (e.g. product imagery)
keyTakeaways
Smart Crop + Media Bus = one asset, every format, every viewport — zero author effort after setup.