Serve Images in Next-Gen Format i.e in WebP and AVIF | Community
Skip to main content
M
maturubhanu
New Participant
November 15, 2024
Solved

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

  • November 15, 2024
  • 4 replies
  • 1621 views

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,

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by sherinregi-1

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

 

 

4 replies

kautuk_sahni
kautuk_sahni
Employee
November 25, 2024

@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!

Kautuk Sahni
M
maturubhanuAuthor
New Participant
December 3, 2024

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.

 

sherinregi-1
sherinregi-1Accepted solution
New Participant
November 25, 2024

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

 

 

    EstebanBustamante
    EstebanBustamante
    New Participant
    November 15, 2024

    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-optimized-image-delivery 

     

    Hope this helps.

    Esteban Bustamante
      daniel-strmecki
      daniel-strmecki
      New Participant
      November 15, 2024

      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

        Terms & ConditionsAccessibility statement

        Loading footer...