Skip to main content
SlapMyWeb
Get started
Skip to tool
Image tools/All tools
Image

GIF Maker

Create animated images from multiple frames. Upload images, reorder them, adjust speed, and preview the animation -- all in your browser.

Drop images here or click to upload

JPEG, PNG, WebP -- select multiple files

What is GIF Maker?

A GIF maker lets you combine multiple images into an animated sequence. Upload your frames, arrange them in order, set the animation speed, and preview the result. This tool runs entirely in your browser -- your images are never uploaded to any server. Export as WebM animation or download individual frames.

How to Use GIF Maker

  1. 1

    Upload images

    Drag and drop multiple images onto the upload area, or click to browse. Accepts JPEG, PNG, and WebP. You can upload as many frames as you need.

  2. 2

    Arrange frames

    Use the up/down arrows to reorder frames. Remove unwanted frames with the trash icon. The frame list shows thumbnails for easy identification.

  3. 3

    Set animation speed

    Adjust the frame delay slider from 50ms (fast, 20fps) to 2000ms (slow, 0.5fps). The default 500ms (2fps) works well for most slide-show style animations.

  4. 4

    Preview the animation

    Click Play to see a live preview of your animation cycling through all frames at the set speed. Pause at any time to inspect a specific frame.

  5. 5

    Download

    Click Download WebM to export as an animated WebM video, or Download All Frames to save individual image files.

Features

  • Upload multiple images at once via drag-and-drop or file picker
  • Reorder frames with up/down controls and remove unwanted ones
  • Adjustable frame delay from 50ms to 2000ms with a slider
  • Live animated preview with play/pause controls
  • Output size options: Original, 320px, 480px, or 640px width
  • Export as WebM animation or download individual frames
  • Frame thumbnails with file name and size info
  • 100% browser-based -- images never leave your device

Related Tools

Image Compressor

Compress JPEG, PNG and WebP images in your browser. Batch processing, adjustable quality, instant download.

Open tool

Image Resizer

Resize images to exact pixel dimensions with aspect ratio lock and common size presets.

Open tool

Image to Base64

Convert any image to Base64 string or data URI for embedding in HTML, CSS and JSON.

Open tool

Image Format Converter

Convert between JPEG, PNG and WebP with adjustable quality. See file size comparison.

Open tool

Favicon Generator

Generate all 9 favicon sizes from one image — ICO, Apple Touch, Android PWA icons.

Open tool

Color Picker from Image

Extract HEX, RGB and HSL colors from any image. Click pixels to build color palettes.

Open tool
See all Image tools

Frequently Asked Questions

Why WebM instead of GIF?+
WebM is a modern video format that supports much better compression and quality than GIF. A WebM file is typically 5-10x smaller than an equivalent GIF with better color depth. All modern browsers support WebM playback. GIF encoding requires specialized libraries that add significant page weight.
How many frames can I add?+
There is no hard limit, but performance depends on your device. For smooth operation, we recommend keeping it under 50 frames. Very large images (4K+) may slow down the preview.
What image formats are supported?+
JPEG, PNG, and WebP. All three are standard web image formats. The tool displays thumbnails of each frame for easy identification.
Can I make the animation loop?+
The generated WebM file plays through once by default. Most video players and web browsers can be configured to loop playback. The in-browser preview loops automatically.
Are my images uploaded to a server?+
No. All processing happens in your browser. Images are loaded into memory using local URLs and are never transmitted to any server.
What frame delay should I use?+
For smooth animation: 50-100ms (10-20fps). For slide shows: 500-1000ms. For step-by-step walkthroughs: 1500-2000ms. Experiment with the preview to find the right speed for your content.
Can I add text or effects to frames?+
This tool focuses on frame sequencing and animation timing. To add text, filters, or effects to individual frames, use an image editor first, then upload the edited frames here.
Why is the generated file a video instead of a GIF?+
GIF encoding in the browser requires loading a large JavaScript library (300KB+). WebM achieves better quality at smaller file sizes using your browser's built-in MediaRecorder API. For sharing on social media, WebM is widely supported.