Skip to content

How To Fix Animated GIFs Not Working In WordPress

Have you ever uploaded an animated GIF to your WordPress site, only to find that it’s not playing the animation?

It’s a common issue that many users face.

The GIF appears as a static image, losing its dynamic appeal. Don’t worry; the solution is simpler than you might think!

The Root of the Problem

WordPress, in its attempt to optimize images, automatically scales them down to predefined sizes such as thumbnail, medium, or large.

This resizing is where the problem lies.

When WordPress resizes an animated GIF, it inadvertently captures just a single frame of the animation, effectively “killing” the movement.

Here’s How To Fix It

Steps needed to fix animated gif. 1 - click on the image, 2- select block layout, 3 change image size to full size

The fix to this problem is straightforward. When you add a GIF to your WordPress post, pay close attention to the size you select when attaching it to your article.

The key is to insert the GIF in its full size.

Here’s how to resolve this issue:

  1. Select the GIF in WordPress: Once you’ve uploaded your GIF, click on it to select it.
  2. Adjust the Image Size: In the options panel on the right-hand side of the WordPress editor, you’ll find image size settings. Change the image size to “Full Size”.

By doing this, you’re telling WordPress to use the GIF in its original, unaltered state. This should allow the GIF to display correctly, complete with its intended animation.

Animated gif after fixing and applying proper image size

Additional Tips

If the problem persists, it might be due to an image optimization plugin you’re using.

Some of these plugins automatically resize images to improve website performance, which could interfere with your GIFs.

Double-check these settings and adjust them accordingly.

Should I use GIF or embed a video?

Embedding a video in WordPress instead of using a GIF is often better when you need audio, higher-quality visuals, or longer content.

Videos are ideal for detailed explanations, storytelling, or when the content benefits from sound (like tutorials or interviews).

GIFs are limited in resolution and length, making them best for short, silent, and simple animations.

In contrast, videos can be of higher quality and can be paused, rewound, or forwarded, offering a more interactive and informative experience for viewers.

Wrapping Up

Following these easy steps, your animated GIFs should display correctly, looping as intended. Your WordPress site can now enjoy these animations’ dynamic and engaging element.

Share the article on social media (all links open in a new tab)

Pinterest

If you enjoyed this article then please follow us on Twitter or Facebook.
You can also check out Salzburg, our modern personal blog theme that really makes a difference if you are serious about blogging.