What's WP
Our everything is about WordPress - best choice of WordPress users!
How to Add Animated GIFs Properly in WordPress

How to Add Animated GIFs Properly in WordPress

GIF, a bitmap image format, has already come into widespread usage on the Internet due to the close interaction with visitors. Twitter is a typical example who allows users to embed GIFs to better express their ideas. When you want to follow the trend, you may fall into a trouble that your GIFs are displayed as a static image on your WordPress site.

In this article, we will show you how to add animated GIFs properly in WordPress. At the beginning, however, it is necessary for you to think twice because you cannot ignore the demerit. It is true that you can spread your words with animated GIFs, but you will slow down your website at the same time. The reason lies in that GIFs which are normally larger in file size are more resource-intensive than other image documents. However, it does not matter if a quality server is at your service.

Problem with Animated GIFs

WordPress allows you to add image files with media uploader. It will create three copies for image files in different sizes. GIFs will lose their activities because the WordPress media uploader just keeps the first copy of your GIFs. That is to say, your GIFs will appear static without activity when you add them to your post.

Add Animated GIFs in WordPress Properly

A question may come to your mind that how to add animated GIFs in a proper way. The key step is to select the file size as “Full Size” when the files are uploaded so that your animated GIFs will work as expected. For your better understanding, we will take a close look at how to get the job done.

The first thing is to click “Add Media” on the page where you have the desire to work with an animated GIF.

Add Media

Then you will be brought into a popup where you can either upload a new animated GIF from your local computer or select an existing one from your Media Library.

Full Size

After uploading a GIF and selecting it, you need to make your GIF full size on the Attachment Display Settings section which is located on the lower right corner. Having inserted the GIF into your post, you can see that the GIF will work properly in the visual post editor.

Note: When WordPress makes duplicates of the GIF, it also saves your original GIF. The full-size format will keep all the frames of your GIF.

Final Verdict

By the end of this article, you should have learned how to add animated GIF properly on your WordPress site. A warning is that do not display an excessive number of GIFs which will have a bad influence on the speed of your website.

To be honest, it is quite time-consuming for you to create a GIF which consists of more than 2 compressed images to make the activity. To save your time and energy, you can rely on the Giphypress plugin which enables you to find animated GIFs from the Giphy database without navigating to other website.

Author

Susan Rose is a freelance writer who has a deep knowledge about WordPress. She loves everything related to website building since the freshman year at Christopher Newport University, and loves to share her experience with people all over all the world. This girl is popular among our readers as she is outgoing and energetic. In the daily life, Susan loves detective novels as it can train her logical thinking and creativity.

Close

Want to Learn More About WordPress?

Get Our Free Themes, Plugins, Support, SEO Tips, and Other Tutorials!