Serve images in next-gen formats | Community
Skip to main content
Shiv_Prakash_Patel
Community Advisor
Shiv_Prakash_PatelCommunity Advisor
Community Advisor
February 24, 2023

Serve images in next-gen formats

  • February 24, 2023
  • 3 replies
  • 3614 views

Hi,

I am checking the core web vital assessment report and It suggests using images in next-gen format. i.e Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption.

Can we use WebP or AVIF in AEM 6.5 or any other option to improve image load time as shown in the report?

As per the below queries & documents, WebP doesn't support AEM6.5.

Your input will be appreciated, thanks in advance.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

Manu_Mathew_
Community Advisor
Manu_Mathew_Community Advisor
Community Advisor
February 24, 2023

@shiv_prakash_patel  Are you using dynamic media?

    Shiv_Prakash_Patel
    Community Advisor
    Shiv_Prakash_PatelCommunity AdvisorAuthor
    Community Advisor
    February 24, 2023

    No, we are not using dynamic media.

     

    Shiv Prakash
      Manu_Mathew_
      Community Advisor
      Manu_Mathew_Community Advisor
      Community Advisor
      February 24, 2023

      @shiv_prakash_patel You could use lazy loading to improve performance 

        Art_Bird
        Art_Bird
        Level 2
        February 24, 2023

        Look into imageMagick. It supports the file types you listed.
        https://imagemagick.org/script/formats.php

         

        Here's some docs on adding and using it.
        https://experienceleague.adobe.com/docs/experience-manager-65/assets/extending/best-practices-for-imagemagick.html?lang=en

         

        I've used it in the past to convert cmyk images to rgb during the workflow that creates the image size renditions.

        You would need to reprocess all your images in batches to get the new format added for each one. Depending on the number of images, it could eat up a lot of drive space and take days to finish.

          Shiv_Prakash_Patel
          Community Advisor
          Shiv_Prakash_PatelCommunity AdvisorAuthor
          Community Advisor
          February 24, 2023

          I got your point to convert the image from JPG/PNG to WebP by reprocessing. But it's not supportable in AEM 6.5 so looking for any other option to improve the image load performance.

          Shiv Prakash
            Rohit_Utreja
            Community Advisor
            Rohit_UtrejaCommunity Advisor
            Community Advisor
            March 1, 2023

            @shiv_prakash_patel 

            A similar thread in the past.

            https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-assets/aem-6-5-assets-support-for-webp-images/td-p/558466

             

            I hope it helps.

             

            Thanks,

            Rohit

             

              Shiv_Prakash_Patel
              Community Advisor
              Shiv_Prakash_PatelCommunity AdvisorAuthor
              Community Advisor
              March 2, 2023

              Thanks for the response @rohit_utreja , I have marked this thread in my question only. I am not looking for any option to convert webp to any other format through workflow or using any other library.

              I am looking to load the image in NextGen format so can optimize the page speed.

              I got some solutions and working on them.

              As ACS commons give image transformation so we can upload the image in the DAM with their original format and transform it to webp.

              Reference - https://adobe-consulting-services.github.io/acs-aem-commons/features/named-image-transform/index.html 

               

               

              Shiv Prakash
                Terms & ConditionsAccessibility statement

                Loading footer...