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.
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.
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.
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]
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.
After that, click on the button Insert in the article" to continue.
WordPress will insert your animated GIF into the post editor.
This full-size image is the original animated GIF you uploaded to WordPress. You'll see the animation play instantly in the post 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.
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 ...
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.
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.
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.
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]
Other recommended resources
Also discover these resources that will allow you to optimize or boost the SEO and traffic of your website
- How to measure the success of your SEO strategy?
- How to Put Your WordPress Blog to Traffic Testing
- How To Fix 502 Bad Gateway Error On WordPress
- How to display different menus to user roles on WordPress
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.
If you have suggestions or remarks, leave them in our section Comments.