Pinterest Stumbleupon Whatsapp

how to create animated images Have you ever been to a website and seen the nice little circle that is spinning round and round while the application is being loaded? Most people who have no technical knowledge will think that this is something amazing and can never understand how it works.

Now, what if you can create your own animated “now loading” gif image and use it on your site within 5 seconds without any graphic editing, programming skill or any form of technical knowledge? Or how about animated avatar ? Wouldn’t it be great?

Ajaxload is a website that allows you to create animated loading images at a price of free (as in beer). This site has a very simple design. The upper yellow box is where you choose your loading image and set your background/foreground color while the bottom red box is where you preview the generated animated loading image. If you like what you see, you can download and use it on your websites/applications.

create animated loading gif

Ajaxload comes with a variety of shapes for you to choose. There are 37 shapes altogether and mostly are in the form of a circle or rectangle. Here is a preview of some of them.

animated circle loading gifanimated arrow loading gif imageanimated indicator loading gifanimated kit loading gifanimated hypnotize loading gifanimated bar loading gif


Depending on the theme of your site/application, you can customize the background and foreground color. The best option for anyone is to get it to display a transparent background so you can use the image anywhere you want.

Ajaxload is accessible in most browsers. If you are using Opera, there is also a widget that you can use. On your Opera browser menu bar, go to Widgets -> Add widget on the menu bar. Type in “animated loading image generator” on the search bar and it will fetch the widget from its database. Add the widget to your browser and you will be able to use it anytime and anywhere. The interface of the widget image generator is exactly the same as the website, so you don’t have to spend extra time getting used to it.


Alternative to Ajaxload

If you find the shapes and design at Ajaxload are too simple and not to your liking, another site that you can use to generate animated loading image is Load Info.

create animated avatar online

Load Info has a different interface from Ajaxload. On the main screen, you will see all the various types of animated icons. There are hundreds of them, so it is unlikely that you will run out of choice. Pick the one(s) you like and click on it, it will pop up a window to ask you for the background, foreground color and the size you want (16×16, 24×24 or 48×48). Same as Ajaxload, click on the Generate button to get an instant preview and download option.

On the whole, LoadInfo has more choices of icons. If you don’t mind the black background which makes it hard to see and navigate, LoadInfo can be a great alternative to Ajaxload.

Which one is your favorite animated loading image generator: Ajaxload, LoadInfo – or another site maybe? Let us know in the comments.

Leave a Reply

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