Animated Gif Breaks When Applying NLM Transform

Experiencing a bug with animated *.gif files: the animation breaks (frozen on first frame) when resizing with the url parameters using Netlify Large Media transform.


This happens on all browsers and navigating to the file itself does not work (if the URL params are applied) so I don’t think it’s related to this other ticket I have open which is browser specific and the resized media does work on a direct URL.

Example render of the picture tags with a gif and NLM transform:

  <source srcset="/static/img/jlo-beauty.gif?nf_resize=fit&w=1200" media="(min-width: 1200px)">
  <source srcset="/static/img/jlo-beauty.gif?nf_resize=fit&w=600" media="(min-width: 600px)">
  <img src="/static/img/jlo-beauty.gif?nf_resize=fit&w=300" alt="Brief Clip from J Lo Beauty ad">

Thank you for any help you can provide!

Build log: Netlify Build Log · GitHub

Hi, @kylepfeeley. The image transformation feature does preserve the animations in GIF files. It does transform the image but the resulting image is a still image.

This is a shortcoming of the Large Media service and there is no way to workaround this issue when transforming GIF images.

If there are other questions or concerns, please let us know.

Thank you Luke! I can create a workaround for myself for this. I was diligent and looked in the documentation before posting here, but I think I missed that limitation.