Animated GIF Not Working in WordPress?

After recently trying to post an animated GIF in a WordPress post, I was disappointed after saving the post and seeing that the image wasn’t animating.

Figuring that I did something wrong, I checked that the animated GIF worked on my computer and re-uploaded the image, but the animated GIF still did not work.

The issue was that I was using a cropped version of the meme that I uploaded. I assume that in the process of resizing the meme that the frames in the animated GIF were also stripped. This made the animated GIF just a regular image. and it didn’t matter how many times I re-uploaded the animated GIF, as long as I used any other size than the original, the animated GIF would not work.

How Do You Fix It?

The simple fix is to be sure to include the full size of the image after you click the add media button in the editor. Below is screenshot with an example.

Full Size Image

Notice the red line at the bottom right of the editor. This is where you select the size — Be sure to choose “Full Size”. This ensures that WordPress uses the original image that you uploaded.

Questions, Comment, Corrections?

If you have any questions or feel I didn’t explain something well enough, please a comment below.

4 thoughts on “Animated GIF Not Working in WordPress?”

  1. I have the same problem. I’ve uploaded gifs as “featured image”. On the homepage, half of them animate, the other half does not. I don’t know why, or what I’ve done differently to cause this. However when you click on the “Featured image” you go to the post and the gif does animates there.

    I can’t find the options you are referring to in your post, it does not show the same options to me when I’m in my library. Are using a plugin?

    1. Hi Cynthia,

      With featured images, I don’t think it’ll be as easy of a work around. The reason why is that your theme has set what size the image needs to be. So, while you set the featured image, your theme can decide what size thumbnail it needs for different parts of your theme. This would have been coded into the theme.

      You could perhaps create a child theme, and change any references of the_post_thumbnail() to the_post_thumbnail( 'full' ). Then, in CSS, make sure the featured image is the size you need. This is untested, but it’s what I would do if I needed animated gifs as featured images.

      Hopefully that helps. Best of luck!

Leave a Reply

Your email address will not be published. Required fields are marked *