How to Create Animated GIFs For Your Blog | RazorSocial

How to Create Animated Gifs For Your Blog

Create Animated GIFs for your Blog (portrait)What captures your attention when you are reading someone else’s blog?

Images and video are great for breaking up lots of content and they add some color to your blog posts.

But what about adding some moving images and animations to your blog?

An animated GIF is a series of images put together to give the appearance of movement.  An animated GIF can play automatically so it captures the attention of your user.  They are really popular on the web in a variety of formats, and well-known sites like BuzzFeed are famous for their use of animated GIFs.

These animations can be very quick to create and they can also be really useful, for example, creating a short GIF to demonstrate a tool that you like using online.

We recently wrote a post on how to make an animated GIF for social media and it was so popular we have researched more tools for you.

Here are five animated GIF tools worth taking a look at if you want to create some mini animations for your website:

1. Create a Quick, Free Screenshot Animation with LICEcap

LICEcap is a free, downloadable tool that allows you to record actions that take place on your screen and save them as an animated GIF.

It is very simple but its results are impressive.

When you have downloaded the software and launch the tool, it can look quite confusing, because it just looks like an empty box.

But, in fact, this is the outline of the area of the screen that LICEcap is going to capture. This means you can resize the LICEcap capture box to make sure you are only recording the part of the screen you want.

The recording can be paused (by clicking ‘pause’ or by using the keyboard shortcut ctrl+alt+P) and the frames per second (FPS) can be chosen – a higher number will give a smoother gif, but the file size will increase and this could slow your website down.


2. Create a GIF from Photos for Free with Giffysnap


Giffysnap is a website where you can upload a series of image files and create an animated GIF from them.  It is free to use and you don’t even need to register to use the service.

GIFs like this can be especially good to show transformations. Perhaps your real-life store has undergone renovations and you want to show before-and-after pictures, or you have updated your website design and want a GIF to scroll through screenshots showing the changes that have been made.

You can decide the order your images should appear in, how quickly they should scroll and what size the final GIF should be.

When the GIF has been created, you can download it to your computer or get code to paste it onto your site.  There is a tiny logo on the bottom right-hand side of the final GIF, but this is a really quick-and-easy tool to use.

3. Optimize and Edit GIFs with Ezgif

LICEcap and Giffysnap are great tools for quickly creating animations for your blog posts or website.  They do what they do very well but, if you are looking for more advanced features, Ezgif could help.

With Ezgif, you can edit the GIFs you have made in a range of ways. For example, you can:

  • Resize the GIF
  • Crop it
  • Upload a video file and transform it into a GIF file
  • Optimize a GIF by reducing the number of colors in a frame or omitting certain frames, which reduces file size
  • Apply color filters
  • Rotate or reverse the image
  • Change the speed
  • Add text to the GIF
  • Convert GIF images back into individual frames so you can edit them one by one, change the order, or remove a frame.
Ezgif offers different functionality options to edit and optimize GIFs
Ezgif offers different functionality options to edit and optimize GIFs

For each of these features, you go to the Ezgif website and choose which functionality you want from the toolbar at the top of the page.

In this example, we will use the GIF speed changer functionality.

You start by uploading your GIF to the site or adding the direct link URL.  At the top of the next page, you will see your GIF as it is.  Select a new delay time and click ‘apply’, then scroll down to see the GIF at its new speed.

Choose the speed you want, then click 'apply'
Choose the speed you want, then click ‘apply’

If you like what you see, right click the new GIF and save it to your computer.  By changing the time delay on the GIF above to five, you can see how much more quickly it scrolls through the images:

GIF from Giffysnap speeded up with Ezgif


4. Create Screenflow GIFs and Upload Them to the Web with Recordit

Recordit is downloadable software for Windows and Mac computers.  Like LICEcap, it records the action that takes place on your computer screen but, instead of creating a GIF file on your computer, it uploads it to the website and creates a shareable link.

When Recordit has been installed on your computer, an icon appears in the bottom right of the taskbar. When you click this icon, horizontal and vertical lines appear that you drag across the screen to select the area of your screen you want to record.

When you have chosen the recording screen area, a ‘record’ button appears.

Select are and Record
When you have selected the area of your screen, press Record

When you press ‘record’, Recordit then records everything that happens on your screen, within the scope of the box.  The ‘record’ button turns into a ‘stop’ button, which you press when your recording is complete.

A few seconds later, a clickable screen pop-up takes you to your recording, hosted on the site.  You can see an example of a GIF I made here.  There are social sharing buttons in the top right-hand corner and, if you want to download your GIF to your computer, you can click ‘GIF’ below the recording, then right click and save the file.

5. Create and Share Animated GIFs on iOS devices with Gifit App

Gifit is a free app for iPhone and iPad devices with two main capabilities.  The first one is its massive, searchable library of animated GIFs, which contains millions of GIFs in 40 categories.  Handy for text messages and Twitter, this part of the app is particularly suited to reaction-style GIFs like ‘happy’ or ‘confused’.

The second capability is probably more useful for businesses and blogs.  It allows users to create animated GIFs from images stored on their phone or tablet.  This could be screenshots of mobile-optimized sites or photos you have taken at a conference or behind the scenes in your office, and the GIFs can be shared, linked to, or saved to your iOS device.

What’s next?

Do you use animated GIFs on your website? If so, what are your favorite tools? Tell us in the comments!


21 Responses to How to Create Animated Gifs For Your Blog

  1. Giffing Tool for Windows and GIF Brewery for Mac OS X are great tools for easily creating animated GIFs. They allow you to essentially screen capture video playing on your screen (like YouTube or other sites), edit it, add captions or subtitles and more all with an easy to use interface. I’ve used both and they’re great for quick and engaging animations.

  2. I tried both GiffySnap and EzyGif using 640 x 427 @72 dpi . The GiffySnap is below.

    There were 9 frames.

    The ezyGif was better is the time lapse could be faster and the o light and color was also somewhat better. Both were very easy to use. The Ezygif added the title and caption which was ok but the options of how caption is added is lmited so probably better to add your lettering in photoshop or some photo editing software first, but for quick and dirty captioned gif, it’s good. It gives good creative potential. I haven’t tried video yet.

    thanks for the tools. I wanted to do this a year ago, but now it’s done, so I am happy about it. Now I know how I can save shot sequences in useful manner.

  3. Hei friends your posts are ammazing and just i would to tell you that
    you can post it in TSU site That combines between facebook , twitter and
    instegram , you can creat your own post and publish it on TSU ,facebook,twitter
    and instegram in the same time The TSU site is paying money to you for publish your posts on it ,it is real and many people have had a check from it , there is many videos on youtube you can learn more on it .
    IF you want to register just go to TSU site below >> it is free..
    payment proof from Kevinhinkle ” user on TSU ”

  4. Thank you so much for the great advice! This is an excellent way to grab the attention of readers who would have otherwise looked past the content of the blog. I have used GIFs before in social media and other social settings but these resources are a very creative idea I would have never thought to include.

    Madeline Dell
    Tulane University

    • I quit m­­y desk work an­d now I get paid 85 dollars perhr. …Wonder how? I am freelancing online from my home! My previous work didn’t make me happy ,s­­o I chose to try something new for a change… After Two yrs…I can say in great confidence it was a best decision I ever made! Here is what i do -> –>CLICK HERE FOR MORE INFO <-

    • I started working over internet, by working some basic jobs which only require a computer and internet access and it’s been a life saver for me… It’s been 6 months since i started this and i made so far in total 36 thousand dollars… Basicly i profit about $80/hourly and work for 3 to 4 hrs most of the days.Best part to whole this thing is that you can manage time when you work and for how long as you like and you get a paycheck at the end of every week. -> Online job opportunity! <-

    • I’am working at home, working simple jobs which only requires from you desktop or laptop computer and internet connection and it’s the best job i ever had… 6 months have passed since i started this and i had profit in total $36k… Basicly i earn close to $80/hour and work for 3-4 h daily.And awesome thing about this job is that you can make your own schedule when you work and for how long and you get paid at the end of every week. -> Click here for more <-

    • Do you use a PAY..PAL acc >>??if you have you can cash in an extra 620 dollars a week to your Pay-Pal account freelancing from comfort of your home five HOURS per day,See this->->->-> EarningEasy

    • ì want to guíde you to amazíng online work opportunity.. 3-5 h of work a day.. payment at the end of each week.. performance dependíng bonuses…earnings of six to nine thousand dollars /month – merely few hours of your free time, a computer, most elementary familiarìty wìth www and trusted web-connection is what is! needed…learn more by headìng to my page

  5. Thought-provoking analysis . Incidentally if people need a CAO UD 1 , my company used a template version here

Leave a reply