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

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

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.

Ads by Google

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
Comments (20)
  • 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

  • Andy

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

  • anton

    Damien Oh,

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

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

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

Load 10 more
Affiliate Disclamer

This review may contain affiliate links, which pays us a small compensation if you do decide to make a purchase based on our recommendation. Our judgement is in no way biased, and our recommendations are always based on the merits of the items.

For more details, please read our disclosure.
Affiliate Disclamer

This review may contain affiliate links, which pays us a small compensation if you do decide to make a purchase based on our recommendation. Our judgement is in no way biased, and our recommendations are always based on the merits of the items.

For more details, please read our disclosure.