Animated Gif Breaks When Applying NLM Transform

Support
,
1

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.

Site: https://optimistic-montalcini-0b4454.netlify.app/

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:

<picture>
  <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">
</picture>

Thank you for any help you can provide!

Build log: Netlify Build Log · GitHub

2

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.

3

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.