Serve Images in Next-Gen Format i.e in WebP and AVIF

[maturubhanu]

Hi,

I have requirement where i need to serve all the existing and newly going to upload images will need to serve in WebP and AVIF. Presently it was serving with .png/.jpeg.

I am using AEM as cloud and also we are using dynamic media as well. Can anyone please help me the steps  how to proceed with this requirement.

Can you please provide the solution for this. I am unable to find the steps/solution for this.

Thanks,

[daniel-strmecki]

Hi @maturubhanu,

I believe you need to enable Smart Imaging for Dynamic Media. Here is the link to the documentation on how to set it up: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/assets/dynamic/imaging-faq

Good luck,

Daniel

[EstebanBustamante]

Hi, 

If you want to leverage DM then Smart Imaging will give you the new-gen format, as Daniel has already explained. Alternatively, you could use the Image Core component and enable the 'Web Optimized Image Delivery' option. Please check more here: https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/developing/web-o... 

Hope this helps.

[sherinregi · Accepted solution]

Hi @maturubhanu 

you can make use of dynamic media and the smart imaging capabilities. It is recommended and can be used in all you usecases of custom or core components. For detailed steps on how to enable and test you can look to the below url

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/assets/dynamic/imaging-faq

[kautuk_sahni]

@maturubhanu Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

[maturubhanu]

Hi @EstebanBustamante ,

1)Is Web optimization image delivery option is there  only for image component? 

2)if there is an image on teaser or hero Component it won't load in avif format right?

3) After enabling the Web optimization image delivery on image component still image is not serving the avif format. Can you please help me on this.