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

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

  • November 15, 2024
  • 4 replies
  • 1628 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

daniel-strmecki
Community Advisor and Adobe Champion
daniel-strmeckiCommunity Advisor and Adobe Champion
Community Advisor and Adobe Champion
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

    EstebanBustamante
    Community Advisor and Adobe Champion
    EstebanBustamanteCommunity Advisor and Adobe Champion
    Community Advisor and Adobe Champion
    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
      sherinregi-1
      Community Advisor
      sherinregi-1Community AdvisorAccepted solution
      Community Advisor
      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

       

       

        kautuk_sahni
        Community Manager
        kautuk_sahniCommunity Manager
        Community Manager
        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
        Level 2
        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.

         

        Terms & ConditionsAccessibility statement

        Loading footer...