Giflr

Add images/GIF
Edit & preview
Save GIF
Close

About Giflr

Giflr is a web app for making (or remaking) animated GIF's from still images or animated GIF's in a sexy, swift and straightforward fashion. You can edit the size, speed and playback direction as well as paint on frames, all the while previewing the result, not having to guess the result of what you're doing.

Giflr is made by me, Fredrik, in Gothenburg, Sweden.

Sign up for the newsletter!

Get in touch

Gimme a dollar

Since I work this thing alone, I want to let you know that you can suport Giflr by flattr'ing me, and especially thank everyone who ever did! If you’re one of them, you've helped me support and maintain a great experience. Thank you!

On GIF filesizes

GIF is an old format (27 years, actually). Developed in the late 80's to help decrease bandwidth usage as the Internet blossomed, GIF's are good at compressing graphics, but not really pictures. That means that if you have a computer generated image that uses few and evenly distributed colors – your GIF will likely end up pretty small.

The kind of animated GIF's we're used to seeing today however, are often made from images that use lots of contrasting colors. Since each frame is so different from the previous one, few parts can be made to show the same thing over multiple frames, in turn making the whole GIF bigger.

If you don't intend to put your image up on Tumblr, a big GIF can be an annoyance, but rarely a problem. However if you do want to post it to Tumblr, they have some limitations. Animated GIF's on Tumblr can't be wider than 500px and must be smaller than 1MB. While that does suck, scaling a GIF down will go a long way to stay under under a megabyte. Also keep in mind that if you make the GIF loop by alternating, it will contain twice as many images in the end. If you use the alternate method, you might want to scale the GIF down a bit.

Faster but bigger GIF

The little checkbox under the "cook me that gif"-button controls whether you want your GIF to be generated on the Giflr server or in your browser.

The server is better at optimizing the GIF and getting the details right, but at times when you have a slow internet connection, or Giflr is handling a lot of traffic, simply ticking that checkbox will make sure you can still generate your GIF without a hitch. The only downside is that you can't make a GIF with a transparent background if you choose to cook it in your browser.

Things others have made

The loading GIF's are old school animations by Chuck Poynter. After retirement, he went on to pursuing his interests in computer programming and computer graphics. His hobbies bore plenty of fruit, and he left a legacy of animated GIF's that oozes warm and lovely 1990's internet culture!

The icons used in Giflr are packed in an icon font. The font has been generated using the IcoMoon.io app, and uses glyphs from Entypo as well as IcoMoon Free, licensed under CC BY-SA 3.0 and GPL respectively.

If you tick "Cook my GIF faster, but make it bigger", your GIF will be generated in the browser. To achieve that, Giflr uses gif.js, a wonderfully simple Javascript library for generating GIF's. gif.js is licensed under the MIT license.

Easy integrity

By the way, I am convinced that maintaining personal integrity on the web is very important, and my aim is for Giflr to pay respect to that. The sole information collected when you use Giflr is usage data that helps me determine how to improve Giflr. The analytics software is self hosted, and doesn't rely on any third party.

If you want to opt out of having your visits to Giflr tracked, you can do that here:

Giflr is a web app for making animated GIF images

This is Giflr, a neat and simple web app for making animated GIF images. Here's how it works:
  1. Kick it off by adding either at least two static images, or an animated GIF.
  2. Then, preview and edit the GIF – add more images, rotate, resize, change the speed, the playback direction and more before you send it all in the oven and…
  3. …get an animated GIF back! No fuss, no muss.
Read more or contact me here. Don't hesitate to get in touch if you have thoughts or ideas!
Start editing by adding some images +

Edit the whole GIF

fps
Loop GIF method
Width & height
Max width: 500px
Reset GIF size
Background color
Transparent
Black
Gray
White
Dark red
Red
Pink
Teal
Green
Bright green
Turquoise
Dark blue
Violet
Blue
Yellow

Edit the current frame

Edit tools
Actual GIF is larger. Squishing it into the browser
Your GIF is . , ie. too big for Tumblr. Re-edit it if you want.
x

Paint brush settings

Brush color
Black
Gray
White
Dark red
Red
Pink
Teal
Green
Bright green
Turquoise
Dark blue
Violet
Blue
Yellow

Eraser settings

Your GIF might not animate in your gallery app. It'll work if you send it in eg. an e-mail, though.
Save your GIF Right click, "save as" Tap & hold to save or
+ Add more images

Drop the files to add them