How To Create An Animated Loading Image Easily

circle big   How To Create An Animated Loading Image Easily 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.

ajaxload2   How To Create An Animated Loading Image Easily

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.

circle   How To Create An Animated Loading Image Easilyarrow   How To Create An Animated Loading Image Easilyindicator   How To Create An Animated Loading Image Easilykit   How To Create An Animated Loading Image Easilyhypnotize   How To Create An Animated Loading Image Easilybar   How To Create An Animated Loading Image Easily

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.

ajaxload widget   How To Create An Animated Loading Image Easily

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.

loadinfo   How To Create An Animated Loading Image Easily

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.

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

20 Comments -

richard

thanks for this post

very useful resource for us.

Rohan

been lookin’ for somthing like this!

thnx Damien Oh

Damien Oh

You’re welcome!

mrintech

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.

creativeworkspictures

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.

Aibek

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 !
.
.

anton

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.

anton

I see. Thanks anyway!

Andy

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

Ethan

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