GIFs files served from https://i1.wp.com/ don’t work in blog posts

Resolved gglize
(@gglize)

1 year, 3 months ago
Hi,

I am using tiled galeries in my blog posts with the Gutenberg builder.

In 2020, I was able to add GIFs to the tiled galeries, but now it is not working anymore, the GIFs show as still images.

As it is not working at all on new blog posts but is still working on older blog posts, I duplicated a blog post from 2020 where GIFs were showing as expected. Here is the page where I’m testing:

https://www.gaetaneglize.com/fr/blog/couple-engagement/seance-couple-aventure-au-pied-dune-cascade/

Here are the tests I did on this page:
- 1ST TILED GALERY: this is the duplicated bloc from 2020 and it is showing the GIF file as expected.
- File URL used in the galery :
- https://i2.wp.com/www.gaetaneglize.com/wp-content/uploads/2020/06/couple-photo-engagement-nature-cascade-115_animation_2.gif?format=25550w?bad_key=true&key=d92a4a6d8157d29f14178ceee2b25eb9779264b5
- –> the file is working as expected
- Direct file URL :
- https://www.gaetaneglize.com/wp-content/uploads/2020/06/couple-photo-engagement-nature-cascade-115_animation_2.gif
- –> the file is working as expected
- 2ND TILED GALERY: I duplicated the 1st galery and changed the 2nd image with another GIF file uploaded yesterday. Now, even the first GIF file from 2020 that is working as expected in the 1st galery, is not working anymore.
- File URL used in the galery :
- https://i1.wp.com/www.gaetaneglize.com/wp-content/uploads/2020/06/couple-photo-engagement-nature-cascade-115_animation_2-683×1024.gif?format=25550w?bad_key=true&key=d92a4a6d8157d29f14178ceee2b25eb9779264b5
- –>the file is not animated, it shows as a still image</span>, and now for the exact same GIF file, the URL is now changed from https://i2.wp.com/ to https://i1.wp.com/
- 3RD TILED GALERY: GIF file uploaded yesterday, not working in the tiled galery.
- File URL used in the galery :
- https://i1.wp.com/www.gaetaneglize.com/wp-content/uploads/2023/01/seance-photo-couple-day-after-apres-mariage-plage-landes-1080-1024×683.gif?format=25550w?bad_key=true&key=d92a4a6d8157d29f14178ceee2b25eb9779264b5
- –> <span style=”text-decoration: underline;”>the file is not animated, it shows as a still image</span>
- Direct file URL :
- https://www.gaetaneglize.com/wp-content/uploads/2023/01/seance-photo-couple-day-after-apres-mariage-plage-landes-1080.gif
- –> the file is working as expected
- 4TH TILED GALERY : GIF file uploaded in 2019, not working in the tiled galery.
- File URL used in the galery :
- https://i0.wp.com/www.gaetaneglize.com/wp-content/uploads/2019/12/gaetane-glize-photographie-aventure-couple-foret-lac-alpin-1283-animation-1024×687.gif?format=25550w?bad_key=true&key=d92a4a6d8157d29f14178ceee2b25eb9779264b5
- –> the file is not animated, it shows as a still image
- Direct file URL :
- https://www.gaetaneglize.com/wp-content/uploads/2019/12/gaetane-glize-photographie-aventure-couple-foret-lac-alpin-1283-animation.gif
- –> the file is working as expected
The issue seems to come from the file URLs that are used in newly added blocs : https://i0.wp.com/ and https://i1.wp.com/

How can we fix that?

Thank you so so much in advance for your help,

Gaétane

The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support lastsplash (a11n)
(@lastsplash)

1 year, 3 months ago

Hi @gglize –

I see that you have another image optimization tool here as well:

To rule out that as a cause of this issue, could you please disable that while we troubleshoot?

Let us know when you have done that and we can take another look.

Additionally, looking at the 4th example, we are trying to access an image that no longer exists on your server:

https://i0.wp.com/www.gaetaneglize.com/wp-content/uploads/2019/12/gaetane-glize-photographie-aventure-couple-foret-lac-alpin-1283-animation-1024%C3%97687.gif?format=25550w?bad_key=true&key=d92a4a6d8157d29f14178ceee2b25eb9779264b5

Did you delete some image size variations? In order for Site Accelerator to cache images, they must be accessible on your server.

Thread Starter gglize
(@gglize)

1 year, 3 months ago

Hi,

Thank you very much for your feedback!

I deactivated the WP Compress image optimizer extension and I also unchecked the CDN compatibility from the WP Super Cache extension. Is that ok now or are you still seeing any “conflict” that may make our troubleshooting complicated?

As for the 4th example file, I can confirm you I haven’t deleted any file or size variations since I created this support thread.

Thanks,

Gaétane

Plugin Support lastsplash (a11n)
(@lastsplash)

1 year, 3 months ago

Hi @gglize –

Thanks for removing the other CDN. That will help us isolate the problem.

As for the 4th example file, I can confirm you I haven’t deleted any file or size variations since I created this support thread.

It looks like it was an issue with the other CDN.

I tested this some more and looked into it and it is related to the way WordPress generates thumbnail variations and the image processing libraries on your web server. Depending on the image library used on the server, and depending on the way the .gif is built, it may happen that the animation disappears on resize, as you’ve experienced.

There is a WordPress ticket for it here:

https://core.trac.wordpress.org/ticket/28474

At this time, there isn’t a good solution for this. I’d probably recommend uploading animated files like this as videos as they will be smaller and more performant than GIFs.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘GIFs files served from https://i1.wp.com/ don’t work in blog posts’ is closed to new replies.