Loading…
Create animated GIF from images. Use when animating frames; for collages use image-collage. Input: images ≤10MB. Returns GIF. 100% client-side, files never leave browser.
GIF Maker is loading — interactive editor will appear here. Use examples below to try instantly once loaded.
Press ? for keyboard shortcuts
Creates animated GIFs from 2–100 images with adjustable frame delay (20–1000ms) and loop count (0 = infinite). Shows live canvas preview with play/pause and downloads as GIF or ZIP of frames. All processing is browser-local via canvas.
Making a GIF from photos normally requires cloud upload or desktop software. This maker composites frames locally, lets you reorder via drag, and previews the animation at the chosen speed without sending images to a server.
This tool is part of the DevStackIO platform — a collection of free online developer tools from DevStackIO. Browse more free developer resources on DevStackIO.
Marketers making social GIFs, educators animating slides, and anyone needing a quick, private GIF from screenshots without installing software.
Drop 2–100 JPEG/PNG/WebP images (50MB total). Use the delay slider (20–1000ms) and loop select (0 = infinite).
Drag to reorder frames, use play/pause to preview the animation on the canvas.
Click Download GIF (or ZIP of frames as fallback) — encoding is client-side and never uploads.
If a frame fails to load, it is skipped with an error shown in the alert box.
Input: 3 images, delay 500ms, loop 0 → Output: 3-frame infinite GIF, ~1.5s loop, preview animates at 500ms per frame.Input: 20 screenshots, delay 100ms → Output: fast 20-frame GIF, ~2s total, zipped if encoder unavailable.Is the image uploaded? No
frames are composited on a canvas in your browser. Images never leave your device.
What if GIF encoding fails?
The tool falls back to a ZIP of frames (frame-001.jpg etc.) so you never lose work.
Can I set per-frame delay? Currently global delay only
set once for all frames.
Does it support WebP output?
GIF only; for WebP animation use a video tool.
Authoritative specifications, standards, and in-depth reading for GIF Maker.
Click or drop 2–100 images here
JPEG, PNG, WebP · Max 100 files · 50MB total · 100% local
Convert SVG to CSS background data URI. Use for inline icons; for image files use image-to-base64. Input: SVG ≤10MB. Returns CSS url(). 100% client-side, files never leave browser.
Embed raster images as SVG. Use when needing SVG wrappers; for optimizing vectors use svg-optimizer. Input: image ≤10MB. Returns SVG. 100% client-side, files never leave browser.
Combine images into a grid collage. Use for side-by-side; for animation use gif-maker. Input: images ≤10MB. Returns collage PNG. 100% client-side, files never leave browser.
Compress JPEG, PNG, and WebP images in your browser. Reduce file size without visible quality loss.
Resize images by width/height or percent. Use when dimensions must change; for smaller files use image-compressor. Input: image ≤10MB. Returns resized PNG/JPEG/WebP. 100% client-side, files never leave browser.
Generate favicons (16/32/180 PNG + ICO) from one image. Use for site icons; for compression use image-compressor. Input: image ≤10MB. Returns favicon set + HTML. 100% client-side, files never leave browser.
Minify SVG by stripping metadata and whitespace. Use for smaller vectors; for raster use image-compressor. Input: SVG ≤10MB. Returns optimized SVG. 100% client-side, files never leave browser.
Generate placeholder images by size and text. Use for mockups; for editing photos use image-resizer. Input: dimensions + options. Returns PNG download. 100% client-side, files never leave browser.