WordPress is a great platform for quickly building websites and running anything from a simple blog to a full-blown eCommerce operation. However, as easy to use as WordPress is, it still runs into occasional bugs and glitches that can be hard for the average user to resolve on their own.
In this article, we’re talking about Animated GIFs not working properly in WordPress, its causes and what you can do to fix the problem.
What causes GIFs to not play in WordPress?
When you add a GIF to your WordPress page, it’ll automatically select the best size for the GIF. While this works fine in static images when this optimisation is applied to GIFs, WordPress tends to just pull and show a single frame from the GIF, resulting in a static image. Other possible causes for this include image optimisation plugins that you might be using or a corrupted source.
Also read: Microsoft Authenticator app not working: Quick Fix
How to fix this?
Here are three fixes you can try out.
Use the full-size image
The first thing you need to do is use a full-size GIF. This can be done by adding a GIF to your document, heading over to the Block sidebar and selecting Full Size in the Image Size dropdown.
Keep in mind that this can break your formatting, so if you want to resize the GIF, you’re going to have to use the Image dimensions options to control the width and height manually.
Disable image optimisation plugins
In case switching your GIF to its full size didn’t work, the likely reason is that WordPress’ image settings are being overridden by an image optimisation plugin. This can be fixed by either disabling the image optimisation plugin entirely or disabling optimisations for a particular image, in this case, your GIF.
Note that these settings may vary from plugin to plugin and if your particular plugin doesn’t allow optimisations to be turned off individually for images, you might have to disable or even remove the plugin altogether.
Add GIF using the Media Library
If adding a GIF using its embed URL isn’t working, your best bet is to add it using the Media Library. This works just like it would with any other image. You upload your GIF to the Media Library, add an image block to your WordPress document (provided you’re working with the Block editor) and add the image from there.
This should fix any parsing issues when embedding the GIF from a URL that can cause static images to appear in place of the GIF.
Also read: How to turn off Safe Search?