GIF Maker
Animated GIFs are still one of the easiest ways to add a reaction to Slack, a quick tutorial to a README or a product micro-interaction to a landing page. This GIF maker stitches PNG/JPG frames into a looping 256-colour GIF, then lets you tune the frame rate, quality and canvas size before download.
How to build a GIF
-
1
Add frames
Upload PNG/JPG images in order; the animation plays them in that sequence.
-
2
Set the frame rate
Use 8–12 fps for UI demos and 15–24 fps when you want smoother, video-like motion.
-
3
Choose the canvas size
Resize the canvas to keep the file small while preserving detail. The finished GIF loops continuously.
-
4
Export and download
The tool encodes the animation with palette optimisation and returns one .gif file.
GIF format limits
| Attribute | Limit or behaviour |
|---|---|
| Colour depth | 256 colours per frame (8-bit palette) |
| Alpha | 1-bit transparency: each pixel is either fully transparent or fully opaque |
| Frame delay | Stored in 10 ms steps, so a “60 fps GIF” effectively tops out near 50 fps |
| Compression | LZW compression, strongest on flat graphics and UI captures |
| File size | No formal limit, but many browsers and chat apps struggle beyond about 10 MB |
Tips to keep the file small
- Trim to the essential motion. Most reaction GIFs work best at 1–3 seconds.
- Downscale before export. A 480 px wide GIF is usually enough for Slack, X/Twitter, Notion and documentation pages.
- Drop frames before dropping colours. Halving the fps often halves the file size; reducing the palette from 256 to 64 colours can visibly damage gradients.
- Prefer clean backgrounds. Screen captures and flat UI animations compress far better than noisy video footage.
When MP4 or WebM is the better format
If the destination supports short autoplaying video, such as X/Twitter, Discord or a modern web page, MP4 (H.264) or WebM (VP9) can be 5–10 times smaller than a comparable GIF at the same visual quality. GIF remains useful for chat, email, issue trackers and older documentation systems that treat it as an image.
Frequently Asked Questions
GIF is limited to 256 colours and uses a palette-based image format. Smooth gradients can turn into dithering noise, and skin tones often show banding. For a cleaner result, reduce motion detail, crop the scene or use MP4/WebM when the destination supports it.
Yes, but GIF only supports 1-bit transparency. A pixel is either fully transparent or fully opaque, so soft anti-aliased edges can look jagged against different backgrounds. Use APNG or WebP when you need smooth alpha.
12–15 fps is a practical default. It keeps motion readable without producing huge files, and platforms that convert GIFs to video still handle that range well.
Encoding runs in the page and the finished GIF is returned for download. The source frames are not retained after export.
Related Tools
Image Resizer
Resize images to pixel-exact dimensions or percentages while preserving aspect ratio. Batch-friendly, no upload.
QR Code Generator
Generate a browser-local QR code from a plain text or URL payload. Adjust size, colours and error correction, then download PNG.
Meme Generator
Add fixed top and bottom captions to a JPG, PNG, or WebP image in your browser. Set font, size, colors, and stroke, then download a PNG.
Barcode Generator
Create a 1D barcode in your browser in Code 128, EAN, UPC, ITF-14 and other supported formats. Download the rendered result as SVG or PNG.
Image Compressor
Compress JPG, PNG and WebP images to reduce file size while preserving visual quality. Entirely in your browser, no upload.
Material Design Color Picker
Browse the Material Design color palette. Copy any shade (50 through A700) as HEX, RGB or HSL with one tap.