How to create a GIF for your WordPress articles?



If a picture is worth a thousand words, then I’m sure a GIF must be worth a thousand pictures.

Embedding GIFs in your articles and online content has pretty much become a part of the contemporary pop and meme culture so much that there’s an entire “debate” online on the pronunciation of the word “GIF” and whether it’s pronounced GIF or JIF.

The internet is filled with forums upon forums of such debates where the brightest minds of this world are indulged deeply to solve this important problem for the humanity and make this world a better place.

However, in this article, we won’t be contributing our share to this epic tug-of-war. Instead, we’d be rather more “creative”. Over here, we will discuss how can you create a GIF and use them on your WordPress articles for free.

 

Also Read: How to resolve WordPress 4.9 Unable to Edit Filed Error?

 

What is a GIF?

GIF is usually a short scene from popular TV shows and movies turned into short video snippets. These are a great tool to express how we feel without needing to write a thousand words article.
However, this description is too simplistic and narrow as the GIF does not need to be a snippet from a popular TV show or a movie. It can be anything.
The major difference between a GIF and a video that I believe is that the GIF keeps on playing in a loop and you have no control over it when it plays. Such as slowing it down or playing it from a particular point etc.

WPEngine_speedtestbanner

 

GIF in WordPress

Before moving ahead, let me clarify an important point. There are dozens of plugins available in WordPress to embed GIFs in your articles. So
However, these plugins only provide you the database of all the GIFs already out there so you don’t need to go through the trouble of recreating the GIFs again.
So these plugins are no good if you want to create a new GIF.
Therefore, I’d rather spare you the details of the WordPress plugins which help you choose among the thousands of GIFs from their database and use them in your articles. This article is not about that.

 

Create GIF from Video or Image

You can create GIF from a video or an image or a series of images arranged in an order to convey a message.

 

Tools Needed to Create a GIF

Let’s talk about the tools that you’d need to create a simple GIF.

Assuming that you want to create a GIF from a video, the tools that you’d be needing at the minimum are:

 

#1. Image Compression Tool

To compress images that you will upload on a software to turn them into a GIF. This is optional but uploading heavy-weight files will only delay the whole process. We don’t want any set-back to our “creative” tempo. Right?

 

#2. Video recording tool

This could be a hardware or a software. By hardware, I mean a video or mobile camera to record a video and by software, I mean any software that would record a video of anything happening on your computer. In simple terms, it depends what kind of GIF do you want to create. If you want to create a GIF from a video depicting an event in the “physical” world then you’d need a camera to record those events. Similarly, if you want to create a video out of something on your computer then you’d need a “screen-recording” software that captures the activity on your computer as a video.

 

#3. Video Compression Tool

To compress videos to upload on a software and turn them into a GIF. The reason is the same as mentioned in the point related to the “Image Compression Tool”.

For this tutorial, we will create a GIF using a screen recording tool.

 

Also Read: The New WordPress Gutenberg Editor for the Non-Technical Bloggers

 

Download Screen-Recording Software

While you can find the compression tools available online, for screen-recording, you’d need to download a software. There are quite a few such softwares out there but I’d recommend iSpring Free Cam as this software is free and as long as your requirements are simple, this tool has pretty much everything covered for you. All you need to do is download and install it.

Once installed, open up the iSpring Free Cam and click on the New Recording link
iSpring Free Cam - New Recording

A square outline will appear showing you the region of your screen which will be recorded as a video. Adjust the outline accordingly and once satisfied, click the red button which says, “Start a new recording” when you hover over it.

Record the video of an activity that you want to convert into a GIF and then press the Escape button once done. Remember, the essence of a GIF is that it’s short and to the point. So make sure that you keep the video short.

Now, you can edit your video, remove the unnecessary parts and once you’re done with the editing, save the file on your computer.
By default, the iSpring Free Cam saves the file in WMV format.

 

Compress the Video

This is an optional step and you may follow it if you want to travel “light”. The website that I use to compress the video file is the same which I use to create a GIF.

And that’s EZGif.com

There are other websites as well but almost either all of them require you to sign up or does not support the video format in which I save my video. So EzGif is the website that fulfills my demands.

Once on this website, Video to Gif menu and then the Resize Video sub-menu.

Video to GIF - Resize Video

 

Upload your video and then enter the percentage by which you want to reduce the size of your video and then click Resize Video.
Video to GIF - Shrink Video

Now, right beneath the Resize Video, you will see other options will start showing up. You can download the resized video by clicking the “Save” button.

 

To convert the video to a GIF, click the Video to GIF option.
Convert Video to GIF

While keeping the default options as they are, click the Convert to GIF button. You can now also add effects to your GIF such as applying different filters or add helpful text etc. from the options provided. You can also optimize the GIF by compressing it a bit more by clicking the Optimize option.

Click the “Save” button to save the GIF on your computer.

 

How to Embed GIF in a WordPress Article?

Once you have your GIF ready, all that remains now is to upload and embed it in the WordPress article.

The process is simple and the same as uploading an image and embedding it in a WordPress article.

While on the WordPress editor, click the “Add Media” button and then upload your GIF from there. Click the “Insert into Post” button to insert the GIF in your WordPress article.

As far as the thumbnail is concerned, WordPress shows you the very first frame of the GIF as the thumbnail.

As far as editing or cropping the GIF is concerned, if you try to do it from within WordPress, though you will be able to do it but this will convert the whole GIF into an image. So if there’s any editing, resizing etc. that you want to perform on your GIF, you better make sure to do this on EZGif.com

GetResponse - Download Free eBook - 300x250

 

Final Word

I hope that the above article will help you greatly in creating an animated GIF and then embedding it in WordPress and once you know it, let’s expect some great addition to the meme world.

Before signing off, there’s one important point to keep in mind. No matter how much you optimize your GIFs, at the end of the day, they are resource savvy and requires a good amount of bandwidth to download and play on your “client’s” browser. So make sure you go easy with them and do not start slapping GIFs in your articles unnecessarily.

Leave a Reply

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


Sign up to our newsletter!


This site uses Akismet to reduce spam. Learn how your comment data is processed.