Skip to Main Content

How to add animated GIFs to WordPress

Divi: the easiest WordPress theme to use

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Would you like to add animated GIFs on your articles? WordPress blog ?

Sometimes when you add a GIF animated on WordPress, it loses its animation and displays as a static image.

In this tutorial, we will show you how to correctly add animated GIFs on WordPress.

It should be noted that some WordPress plugins can be installed, if you do not know how to do it discover How to install a plugin in WordPress

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

How to add animated gif on wordpress 1 e1565163903841

Why animated GIFs turn into a static picture on WordPress?

WordPress comes with a media manager easy to use and that allows you to add images to your WordPress posts or pages. When you upload an image using the media manager, WordPress automatically creates multiple copies of different sizes of this image.

To go further, discover How to upload your bulk media on WordPress

There are three default image sizes: thumbnail, medium, and large. It also keeps your original image.

Wordpress image size list

When you create new image sizes for animated GIFs, WordPress ends up saving only the first image of the GIF.

Now if you add any of these image sizes in your post or page they will be static GIFs with no animation.

Discover also the 9 WordPress plugins to optimize your media library

With that said, let's take a look at how to properly add animated GIFs to WordPress without losing animation.

Properly add animated GIFs to WordPress

First you need to edit the post or page where you want to add the animated GIF and click on the button " Add a media ».

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Add media on wordpress

This will display the WordPress media editor pop-up window. You must click on the " Upload files»And select the animated GIF file you want to publish.

After downloading the file, select the "Original size" in the section "Attachment display settings" to the right.

Original size wordpress mediatheque

After that, click on the button Insert in the article" to continue.

WordPress will insert your animated GIF into the post editor.

Discover many graphic resources by visiting Graphicriver

This full-size image is the original animated GIF you uploaded to WordPress. You'll see the animation play instantly in the post editor.

Wordpress visual editor

Continue to edit your publication or save it.

Bonus tips on using animated GIFs in WordPress

Animated GIF images are generally larger in size. This is because they contain multiple images compressed and used as images to create the animation.

Adding too many GIF images to a WordPress page can slow down your website loading. 

Go further by discovering Why you need to start optimizing your WordPress blog by images

If you use Giphy to find animated GIFs, you can find the plugin Giphypress, which will be very useful in this case. It allows you to search for GIFs on the Giphy database from your WordPress dashboard and add GIFs without leaving your website.

For more details, see our guide on how to add GIFs from Giphy to WordPress using Giphypress.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. WP Media Manager

WP Media Manager is one of the best and most powerful WordPress media library management plugins. It is excellent at managing folders and its ease of use allows you to organize your thousands of media files.

Wp media manager the easiest wordpress media manager plugin

Simply use the drag and drop method to insert media files into folders / subfolders. This ability not only improves file management, but also allows you to manage folders. This is usually a must for novice users.

Read also; Loading Time: Success Factor for e-Commerce

This WordPress plugin has features such as creating folders, filtering them, 3 beautiful responsive galleries, the ability to duplicate files, creating an unlimited hierarchy and many more ...

Download | Demo | Web hosting

2. WP Real Media Library

WP Real Media Library (RML) is one of the most coveted media management plugins on the WordPress platform. It is easy to use and actually lets you organize thousands of images in folders.

Wordpress real media library media categories folders file manager

Its use is really simple. Use your mouse (or your touch) to drag and drop your files. You will easily be able to create, rename, delete and reorganize your folders in your website. When you need to select an image, you can for example filter your library to quickly find your file.

WP Real Media Library supports all your images, as well as your media files, as soon as it is installed. It also supports the multisite network of WordPress.

Download | Demo | Web hosting

3. Visual Restaurant Reservation

Create the online reservation system for your restaurant or cafe website, thanks to this excellent plugin. With the latter, you will have the possibility to create tables and seats by yourself on the grid offered by this plugin and to let your customers reserve those that are free, this is the main feature of this plugin and what sets it apart of the other plugins on this list.Visual restaurant reservation

Using Drag & Drop, you can drag different types of tables onto your restaurant's grid and calculate the maximum number of seats in each table as well as the number of tables. Visitors to your restaurant will be able to choose their favorite table shape and location in relation to other tables on the grid.

Discover also our 6 WordPress plugins to improve your billing system

The customers of your restaurant will be delighted to make this choice directly on the internet instead of traveling. With this plugin they will be able to get an idea of ​​what will await them today.

Among other features, it offers: Drag and Drop support, 3 types of reservation system, a fairly intuitive handling, complete customization of its layout, and much more.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Download | Demo | Web hosting

Other recommended resources

Also discover these resources that will allow you to optimize or boost the SEO and traffic of your website

Conclusion

Here ! That's it for this tutorial, we hope it will allow you to easily add animated GIFs to your WordPress blog. We urge you to share this article on your different social networks.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

If you have suggestions or remarks, leave them in our section Comments.

...

This article features 1 comment

Leave a comment

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

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
19 shares
Share12
tweet2
Save5