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 don't 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 ».
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.
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.
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.
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling 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 plugins media library management. It is great at managing folders and its ease of use lets you 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
Ce WordPress Plugin has features such as creation of folders, filtering of these, 3 magnificent responsive galleries, possibility of duplicating files, creation of an unlimited hierarchy and many others…
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.
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 system online booking of 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 that this plugin offers and let your customers reserve the free ones, this is the main feature of this plugin and what sets it apart of the other plugins in 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 the shape of the table they prefer and the location of the latter in relation to the other tables in 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.
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
- 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
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.
...
1000 thanks.
Like every time I look for a quick tutorial, with you, it's always clear, concise, precise and effective.
Thank you for your quality work.
Keep it up.
Sincerely.
Gary
Thank you very much super clear and effective !!!