Preloaders world

Face loading GIF and APNG animation

x
Animate all Stop animations
Free
Fading squares Fading squares
Fading squares
A wave of growing and fading squares.
20 Fr
160x24
Angry Angry
Angry
A spinning 3D smiley - Angry.
25 Fr
128x128
Angry smile Angry smile
Angry smile
A spinning 3D smiley- Angry smile, gloating.
25 Fr
128x128
Confused Confused
Confused
A spinning 3D smiley - Confused.
25 Fr
128x128
Crying Crying
Crying
A crying 3D smiley - Crying.
25 Fr
128x128
Happy Happy
Happy
A spinning 3D smiley - Happy.
25 Fr
128x128
Sad Sad
Sad
A spinning 3D smile - Sad.
25 Fr
128x128
Scared Scared
Scared
A spinning 3D smiley - Scared.
25 Fr
128x128
Smile Smile
Smile
A spinning 3D smiley - Smile, laughing.
25 Fr
128x128
Tongue Tongue
Tongue
A spinning 3D smiley - A putting out tongue.
25 Fr
128x128
Winking Winking
Winking
A spinning 3D smiley - Winking.
25 Fr
128x128
Facebook logo Facebook logo
Facebook logo
A spinning 3D Facebook logo.
30 Fr
128x128
Facebook logo Facebook logo
Facebook logo
A spinning 3D Facebook logo.
30 Fr
128x128
Fading blocks Fading blocks
Fading blocks
Fading blocks with passing wave.
8 Fr
128x88
Angry smile Angry smile
Angry smile
Animated 3D smiley Angry smile.
20 Fr
128x128
Angry with tongue Angry with tongue
Angry with tongue
Animated 3D smiley Angry with tongue.
20 Fr
128x128
Bad idea Bad idea
Bad idea
Animated 3D smiley Bad idea.
20 Fr
128x128
Concentrated Concentrated
Concentrated
Animated 3D smiley Concentrated.
20 Fr
128x128
Concentrating Concentrating
Concentrating
Animated 3D smiley Concentrating.
20 Fr
128x128
Crying Crying
Crying
Animated 3D smiley Crying.
20 Fr
128x128
Curious Curious
Curious
Animated 3D smiley Curious.
20 Fr
128x128
Dead Dead
Dead
Animated 3D smiley Dead.
20 Fr
128x128
Dead angry Dead angry
Dead angry
Animated 3D smiley Dead angry.
20 Fr
128x128
Devil Devil
Devil
Animated 3D smiley Devil.
23 Fr
128x128
x
Do not like Do not like
Do not like
Animated 3D smiley Do not like.
20 Fr
128x128
Dreaming Dreaming
Dreaming
Animated 3D smiley Dreaming.
20 Fr
128x128
Enjoying Enjoying
Enjoying
Animated 3D smiley Enjoying.
20 Fr
128x128
Ecstatic Ecstatic
Ecstatic
Animated 3D smiley Ecstatic.
20 Fr
128x128
Extremely angry Extremely angry
Extremely angry
Animated 3D smiley Extremely angry.
20 Fr
128x128
Extremely scared Extremely scared
Extremely scared
Animated 3D smiley Extremely scared.
20 Fr
128x128
Fake innocent Fake innocent
Fake innocent
Animated 3D smiley Fake innocent.
20 Fr
128x128
Guilty Guilty
Guilty
Animated 3D smiley Guilty.
20 Fr
128x128
Happy Happy
Happy
Animated 3D smiley Happy.
20 Fr
128x128
Happy-n-high Happy-n-high
Happy-n-high
Animated 3D smiley Happy-n-hign.
20 Fr
128x128
Happy with tongue Happy with tongue
Happy with tongue
Animated 3D smiley Happy with tongue.
20 Fr
128x128
High High
High
Animated 3D smiley High.
20 Fr
128x128
High-n-happy High-n-happy
High-n-happy
Animated 3D smiley Hign-n-happy.
20 Fr
128x128
Pain Pain
Pain
Animated 3D smiley Pain.
20 Fr
128x128
Innocent Innocent
Innocent
Animated 3D smiley Innocent.
20 Fr
128x128
Insanely in love Insanely in love
Insanely in love
Animated 3D smiley Insanely in love.
20 Fr
128x128
Indifferent Indifferent
Indifferent
Animated 3D smiley Indifferent.
20 Fr
128x128
Happy wink Happy wink
Happy wink
Animated 3D smiley Happy wink.
20 Fr
128x128
Aiming Aiming
Aiming
Animated 3D smiley Aiming.
20 Fr
128x128
Extremely angry Extremely angry
Extremely angry
Animated 3D smiley Extremely angry.
20 Fr
128x128
Angry girl Angry girl
Angry girl
Animated 3D smiley Angry girl.
20 Fr
128x128
Angry laugh Angry laugh
Angry laugh
Animated 3D smiley Angry laugh.
20 Fr
128x128
Kissing Kissing
Kissing
Animated 3D smiley Kissing.
20 Fr
128x128
Laughing Laughing
Laughing
Animated 3D smiley Laughing.
20 Fr
128x128
Animate all Stop animations
Loading content. Please wait...
Type in your word, number or letter
Maximum length: 30 symbols
Word to animate
APNG browser test
A button corresponds to the image type you need to generate (GIF - Animated GIF, APNG - Animated PNG format).

Note: .GIF format supports only absolute transparency or no transparency at all. Therefore, when you select the GIF format and set background to transparent you will still be able to set a background color that will fill the back layer of semi-transparent parts of your image.
Image type
Set the background of a preloader to transparent.

For GIF images all semi-transparent pixels will be in front of the selected background color.
Transparent background
The color of the preloader itself
Foreground color
The background color of a preloader.

All transparent pixels will be filled with the given background. If "Use environment colors" function is used, the pixels that are converted to semi-transparent will be filled with the selected background color with the respective foreground color amount
Background color
Identifies the interval of time between frames switching. The closer the slider is to + the faster the animation goes and vise versa.
Animation speed
Denotes width and height of a preloader in pixels. The default best quality maximum size of each image is set when selected from the list.

In order for the image to have proportional width and height, check the "Constrain proportions" box and it will change the other parameter in regards to the entered one.

If you want to get back to the original size of the image, click on the "Reset sizes" link under "Preloader size" title.
Preloader size (px)
Width
Height
This feature allows to generate preloaders with the default coloring scheme provided.

"Use environment colors" and "Foreground color" options are disabled when this feauture is used.
Keep original colors
Additional download options


Inverts the colors of a preloader.

The algorithm works in regards to RGB invertion scheme
Invert colors
Flips images vertically and/or horizontally.

Note that some images are not affected by this feature as they may be absolutely symmetric in respect to center point
Flip image
Make the background color reflect in the preloader image.

This feature is disabled when "Keep original colors" option is on
Use environment colors
Set the sequence of preloader frames in reverse order, so animation goes backwards if the option is selected
Reverse animation
The total amount of frames in the generated image.

It's advised to reduce frames amount by 4, 8, 16 and so on, otherwise it may negatively affect the animation quality
Frames amount
Having set this option you will get your preloaders generated automatically 2 seconds after you change parameters.

Generate automatically
Why not free? Unlimited yearly subscription ($45)
Generating...
x