How To Create An Animated Loading Image Easily
Whatsapp Pinterest

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.

Explore more about: Computer Animation, Image Editor.

Enjoyed this article? Stay informed by joining our newsletter!

Enter your Email

Leave a Reply

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

  1. Ethan
    July 30, 2009 at 1:53 am

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

  2. Andy
    June 20, 2009 at 3:32 pm

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

  3. anton
    June 20, 2009 at 11:23 am

    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
      June 22, 2009 at 3:39 am

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

      • anton
        June 22, 2009 at 5:26 am

        I see. Thanks anyway!

  4. terminal 7
    December 28, 2008 at 8:13 am

    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 !

  5. creativeworkspictures
    December 28, 2008 at 3:43 am

    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
      December 28, 2008 at 1:04 pm

      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.

  6. Phao Loo
    December 27, 2008 at 11:00 am

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

  7. mrintech
    December 27, 2008 at 10:10 am

    Thanks this is Useful. Will make some avatars :P

  8. Rohan
    December 27, 2008 at 1:00 am

    been lookin' for somthing like this!

    thnx Damien Oh

    • Damien Oh
      December 28, 2008 at 10:37 am

      You're welcome!

  9. richard
    December 26, 2008 at 4:38 pm

    thanks for this post

    very useful resource for us.