- Blogs
- Development
- Why Is Your Animated GIF Not Working in WordPress? 3 Solutions
Development / 5 min read
Why Is Your Animated GIF Not Working in WordPress? 3 Solutions
![an artist or designer using a laptop, surrounded by a camera, pencil, and other articles](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-HERO-1024x451.jpg.webp)
It can be very frustrating to upload a GIF to add life to your post, only to find out that your animated GIF is not working in WordPress. So, why aren’t animated GIFs running on your website? Most likely, WordPress resized the GIF and turned it into a simple image, breaking the looping animation.
Let’s find out why this happens and how to fix the problem.
Key Takeaways
- Animated GIFs usually stop working in WordPress because the platform resizes them automatically, breaking the animation.
- You can make GIFs work again by configuring the post to display them in their original size, inserting them as URLs, and resizing them before uploading them to WordPress.
Why Don’t Animated GIFs Work in WordPress?
The most common reason animated GIFs don’t work is that WordPress crops the GIF to a predetermined image size.
The problem is that when WordPress crops a GIF to fit a standard size, it grabs a single frame from the GIF, resulting in a static image instead of a looping animation.
Since WordPress 5.3, this resizing happens automatically for any image (JPG, PNG, or GIF) with a resolution larger than 2560 x 2560 pixels. If you’re using a GIF larger than this limit, WordPress will resize it by default and stop the animation.
However, some users have found that WordPress resizes their GIFs even when they don’t exceed the resolution limit.
Regardless of the cause, read on to learn 3 possible solutions to an animated GIF not working in WordPress.
3 Solutions to An Animated GIF Not Working in WordPress
Solution #1: Use the “Full Size” Image Setting
This is the most common solution and probably the most effective. After uploading your GIF file to the Media Library, click on the GIF and find the Resolution section on the right-hand sidebar.
![The Resolution option in WordPress's post editor](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-1-1024x451.jpg)
Click on it, and a dropdown menu will appear, showing the multiple default WordPress image resolutions. If your GIF was resized automatically, WordPress may have set it to Thumbnail, Small, Medium, or Large.
Any of these options will resize the GIF and prevent the animation from running, resulting in a static image.
To solve the problem, all you have to do is set the Resolution setting to Full Size.
![WordPress's Resolution option set to Full Size](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-2-1-1024x451.jpg)
After making this change, your GIF should be running normally again.
![Mr. Incredible typing mindlessly in his office](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-FINAL.gif)
Solution #2: Insert the GIF as a URL
An alternative to the previous method is to paste the GIF as a URL instead of an attachment from the Media Library. You still need to upload it to the Media Library, but if it’s not working, try inserting it as a URL.
Start by creating a new Image block.
![WordPress's image block](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-3-1024x451.jpg)
Now click Media Library on the Image block.
![WordPress's Image block button to use an image from the Media Library](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-4-1024x451.jpg)
Click on the GIF you’re trying to use.
![An image from the WordPress Media Library being selected](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-5-1024x451.jpg)
On the right-hand sidebar, you will see the image’s metadata. Scroll down until you see the Copy URL to Clipboard button.
![The button to copy the URL from an image in WordPress's Media Library](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-6-1-1024x451.jpg)
Now, go back to the post and click on Insert from URL.
![WordPress's image block, highlighting the "Insert from URL" button](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-7-1024x451.jpg)
Paste the URL you just copied and hit Enter
or press the Apply button on the right.
![WordPress "Insert from URL" text box for inserting the URL](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-8-1024x451.jpg)
Your GIF should be working again.
Solution #3: Resize the GIF Before Uploading it
If your GIF is too large (more than 2560 x 2560 pixels) and WordPress is resizing it by default, you could try resizing it before uploading it again. As mentioned, when WordPress scales down GIFs, it prevents the animation from running.
For example, here’s a 3543 x 3543 pixel GIF that is not working because it’s too large, and WordPress cropped it.
![A sun with sunglasses](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-9-sun-gif-not-working-1.png)
Even if you change the resolution to Full Size, it won’t work because it’s been permanently resized without preserving the animation.
So, instead of relying on WordPress for the resize, let’s resize it with gifgifs.com
, the tool recommended by the developers of Smush (a popular image optimizer).
Start by going to gifgifs.com
’s resizer tool. Click on Upload GIF. A large file may take a while to upload.
![GIFGIFS' GIF resize tool](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-10-1024x451.jpg)
In this case, we have a 3543 x 3543 pixel GIF that is over 6MB, so let’s reduce its size to something more manageable, like 480 x 480 pixels. Simply rewrite the resolution in the 2 text boxes to the right. You can also rewrite the percentage textbox or use the slider.
![Setting the new resolution in GIFGIFS' GIF resize tool](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-11-1024x451.jpg)
Once you’ve selected the target resolution, click on Resize. The process will take a few seconds.
![GIFGIFS' "Resize" button](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-12-1024x451.jpg)
Once it’s done, scroll down and click on Download the result.
![The result of GIFGIFS' GIF resize tool, showing the original size and the new size](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-13-1024x451.jpg)
Now, you have the same GIF but at a significantly smaller size, allowing WordPress to run the looping animation without issues.
![A cartoon sun with sunglasses](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-14-new-gif.gif)
Bonus Tip: Compress the GIFs Before Uploading
Since several image optimizer plugins ignore GIFs (because resizing them breaks the animation), you should compress GIFs before uploading them to your site, especially if you plan to upload large-resolution GIFs.
You can use tools like EZGIF’s optimizer and compressor to minimize the size of your GIFs without losing any significant quality.
Access the tool and upload your GIF by choosing, dragging, or pasting the URL.
![EZGIF's GIF optimizer and compressor tool, highlighting the "Choose file button"](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-15-1024x451.jpg)
Scroll down and click on Upload.
![the "Upload" button from EZGIF's GIF optimizer and compressor tool](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-16-1024x451.jpg)
It may take a few seconds if the GIF is large, but you’ll be taken to a new screen with various editing tools. Click on Optimize.
![the "Optimize" button from EZGIF's GIF optimizer and compressor tool,](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-17-1024x451.jpg)
Choose your preferred compression level and click Optimize GIF!
![the "Optimize GIF" button from EZGIF's GIF optimizer and compressor tool,](https://wcanvas.com/wp-content/uploads/2024/03/wordpress-gifs-not-working-18-1024x451.jpg)
With a compression level of 100
, our GIF went from 6.51 MB to 2.71 MB.
Fix Your WordPress GIFs
Users face the problem of an animated GIF not working in WordPress mostly because the platform automatically resizes their GIFs, grabbing a single frame from the loop and breaking the animation, turning it into a simple image.
In this article, we taught you 3 methods for making GIFs work again, so hopefully, you have a better idea of what to do next time one of them breaks.
If you found this post useful, read our blog for more WordPress insights and guides!
Related Articles
![someone using a laptop to develop a website](https://wcanvas.com/wp-content/uploads/2024/07/full-site-editor-wordpress-BLOG-ARCHIVE.jpg.webp)
Development / 6 min read
Development / 6 min read
The Benefits of the Full Site Editor for WordPress Users
Full Site Editor (FSE) is a WordPress feature that allows any user to modify their entire site through the familiar interface of the Gutenberg editor. This makes FSE a great…
Read More![](https://wcanvas.com/wp-content/uploads/2024/07/is-wordpress-dying-BLOG-ARCHIVE.jpg.webp)
Development / 14 min read
Development / 14 min read
Is WordPress Dying in 2024?
The question, "Is WordPress dying?" seems to be as old as WordPress itself, but is there any truth to it? If you're considering whether you should use WordPress in 2024…
Read More![The WordPress interface for publishing posts](https://wcanvas.com/wp-content/uploads/2024/07/wordpress-how-to-post-BLOG-ARCHIVE.jpg.webp)
Development / 2 min read
Development / 2 min read
How to Publish Draft Pages in WordPress?
If you’re learning how to use WordPress and wondering how to publish your draft pages or posts, the process is actually really simple, and this article will show you how…
Read More![black alphabetical wall decor](https://wcanvas.com/wp-content/uploads/2024/07/change-font-color-BLOG-ARCHIVE.jpg.webp)
Development / 4 min read
Development / 4 min read
How to Change the Font Color in WordPress: 4 Easy Methods
Are you wondering how to change the font color in your WordPress site? Many people do when looking for a font color that balances readability with brand identity. In this…
Read More![a Mac laptop over a table running the WordPress editor](https://wcanvas.com/wp-content/uploads/2024/07/wordpress-cookie-check-failed-BLOG-ARCHIVE.jpg.webp)
Development / 9 min read
Development / 9 min read
How to Fix the WordPress “Cookie Check Failed” Error
The “cookie check failed” error is a message that appears on some WordPress sites, preventing users from accessing some or all content and admins from managing the website. Let’s explore…
Read More