Animated GIF is wobbly | Community
Skip to main content
Level 6
April 2, 2025
Solved

Animated GIF is wobbly

  • April 2, 2025
  • 2 replies
  • 393 views

Hi 

We have an anymated GIF in /content/dam and it appears to be wobbly and not sharp.

It's renditions are:

of the compressed version of it:

 

Is there a recommendation regarding the size or rendition for the GIF or is there anything one can do on AEM to improve the rendering quality?

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 giuseppebaglio

For AEM as a Cloud Service, developing and deploying Asset Compute workers offers an approach to handling animated GIFs. This would involve writing custom code that utilizes libraries capable of processing and optimizing GIF files. For instance, a worker could be developed to resize the GIF, reduce its colour palette, or apply other optimization techniques. Once the worker is developed, it needs to be registered with AEM's Processing Profiles. A Processing Profile can be configured to trigger the custom worker whenever an animated GIF is uploaded to a specific folder in the AEM Assets repository. The output generated by the worker, which would be the optimized or resized GIF, is then stored back in AEM as a rendition of the original asset.

https://experienceleague.adobe.com/en/docs/experience-manager-learn/cloud-service/asset-compute/develop/worker  

https://github.com/AdobeDocs/experience-manager-learn.en/blob/main/help/cloud-service/asset-compute/deploy/processing-profiles.md 

 

For on-premise deployments of AEM there is a potential solution involving the use of Gifsicle, a command-line tool specifically designed for manipulating GIF image files. Gifsicle can be integrated into a custom AEM workflow to create resized GIF renditions while preserving the animation. This approach allows for the generation of different sizes of the animated GIF without relying on AEM's default image processing capabilities, which might not handle GIFs optimally.

https://www.jeroendruwe.be/aem-6-3-creating-gif-renditions-using-gifsicle/ 

2 replies

kautuk_sahni
Community Manager
Community Manager
April 2, 2025

@giuseppebaglio, @pranay_m, @sarav_prakash, @prathyusha_vp, @uppari_ramesh, @rishim22446870, @shubham_borole Your input would really help! If you have time, please review this question and share your thoughts.

Kautuk Sahni
giuseppebaglio
giuseppebaglioAccepted solution
Level 10
April 3, 2025

For AEM as a Cloud Service, developing and deploying Asset Compute workers offers an approach to handling animated GIFs. This would involve writing custom code that utilizes libraries capable of processing and optimizing GIF files. For instance, a worker could be developed to resize the GIF, reduce its colour palette, or apply other optimization techniques. Once the worker is developed, it needs to be registered with AEM's Processing Profiles. A Processing Profile can be configured to trigger the custom worker whenever an animated GIF is uploaded to a specific folder in the AEM Assets repository. The output generated by the worker, which would be the optimized or resized GIF, is then stored back in AEM as a rendition of the original asset.

https://experienceleague.adobe.com/en/docs/experience-manager-learn/cloud-service/asset-compute/develop/worker  

https://github.com/AdobeDocs/experience-manager-learn.en/blob/main/help/cloud-service/asset-compute/deploy/processing-profiles.md 

 

For on-premise deployments of AEM there is a potential solution involving the use of Gifsicle, a command-line tool specifically designed for manipulating GIF image files. Gifsicle can be integrated into a custom AEM workflow to create resized GIF renditions while preserving the animation. This approach allows for the generation of different sizes of the animated GIF without relying on AEM's default image processing capabilities, which might not handle GIFs optimally.

https://www.jeroendruwe.be/aem-6-3-creating-gif-renditions-using-gifsicle/