How do Dynamic media renditions get created for an asset on the fly

Renditions get created from image presets. Create image presets in aem and they are automatically synced to scnee 7 server. Now you can use this asset in dynamic media component and also configure the preset in the component. Now this particular preset rendition will be picked up automatically from DM on the fly. 

1.  Create image preset – “desktop-preset” 990/990

     

The image you see on the right is just sample image to show the size of the preset.

Although the format is selected as png the preset will apply to all images.

2.  Preset is automatically applied to image on scene7

3.  You can copy the url from here and use it in aem if you want to add it in the image src.

4.  Also see the difference in the scene 7 server url and the external url

                        

             Scene 7 url - https://s7sps1.scene7.com/IpsWeb/ 

External url - http://s7d2.scene7.com/is/image/DynamicMediaNA/pavel-anoshin-hqhIsVNYi6o-unsplash-1?$desktop%2Dpreset$

The external url works only when there is a green tick in the scene 7 server ie the image has been published to external url.

5.  Now configure the preset in the dynamic media component on a page.

The component makes a call to the scene 7 server and renders the rendition on the fly.

The preset also appears on the left rail

Further reading

Dynamic media and its integrations

Dynamic media Scene 7 mode

How Dynamic media works with AEM