How To Create An Animated Loading Image Easily

Ads by Google

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

Ads by Google

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.

Ads by Google
From the Web

20 Comments - Write a Comment



thanks for this post

very useful resource for us.



been lookin’ for somthing like this!

thnx Damien Oh

Damien Oh

You’re welcome!



Thanks this is Useful. Will make some avatars :P


Phao Loo

Really great services. I’ve always tried to find these animated image on the net, not all of them meet my need.



thanks i like to put this in my blogger sidebar. is anyone give me a quick instruction how to. my existing html is an audio player and while loading i always see the static logo of quicktime. how will i replace this? thanks.


Isi it a widget? Did you copy an mebed code from somewhere to add it to the sidebar? Or did you have to upload the player to your site for it? If it’s the first one (and I assume it is) then I don’t think you can change it.


terminal 7

cool, i must say that if you have the ability to create your own blog or site you will probably already have the tools to do this !

still nice though !



Damien Oh,

how do you think: loading image is came from macos or it was made by someone special for the web apps?

Damien Oh

That is a difficult question. I have completely no answer to your question. My guess is the latter.


I see. Thanks anyway!



Amazing service, thank you!
Used flower for my website :)



does anyone know how to built a Portable widgets which i can put my works for clients presentations.. pls reply to my email thanks

Your comment