Skip to main content

Create a GIF from images

Import up to 24 images, set the display time, width and looping, then create an animated GIF in your browser.

  • Batch processing
  • Export
Automate

Embed this widget

Customize the result, check the live preview, then copy the code.

Preview

Embed code type

Code to copy

Responsive and automatically resized by Bethemesh.

Your files are processed locally in your browser and are never sent to our servers.

Each image becomes one animation frame. You can add images in several batches; the duration controls how long each frame stays visible.

Drop your file here

Recommended size: up to 25 MB

Need more editing options?

Use multiple editing tools in one workspace, with your open file and its current edits.

Open the full editor

Was this tool useful?

How does this tool work?

An animated GIF plays several images in a single file that works everywhere: chat apps, forums, emails, documentation. This maker combines 2 to 24 PNG, JPEG or WebP images into an animation, with adjustable display time per image, maximum width and looping, without sending your images online.

Add your images in one go or in several batches: they become the successive frames of the animation, in the order you added them. An image that is already there is not added twice. To change the order, reset and add them again in the order you want.

Duration per frame sets how long each image is shown, from 40 to 10,000 ms (500 ms by default). Maximum width, from 64 to 1920 px, limits the size: the GIF uses the smaller of this setting and the narrowest image, and never enlarges anything. Frames are centred on an area as tall as the tallest one, and empty bands stay transparent. Loop animation repeats it endlessly; unchecked, it plays once.

Encoding uses FFmpeg compiled to WebAssembly: a 256-colour palette is computed across all frames, then applied with dithering that smooths gradients. On first use, the FFmpeg module, around 30 MB, is downloaded from a CDN and cached; your images never leave the browser.

How to use this tool

  1. Add the images in order

    Select 2 to 24 images; the order you add them in is the order of the animation.

  2. Set up the animation

    Choose the duration per frame, the maximum width and looping.

  3. Create and download the GIF

    Click Create GIF, check the animated preview, then download animation.gif.

Animation length and frame rate

Every frame has the same display time, so the length of one cycle and the frame rate follow directly.

Length of one cycle

T = n × d

With 8 frames of 250 ms, a cycle lasts 2,000 ms.

Frame rate

f = 1000 ÷ d

Frames shown per second; the GIF format stores the delay in hundredths of a second.

n
number of frames in the animation
d
duration per frame, in milliseconds
f
frames per second

Use cases

Show a procedure

Turn a series of screenshots into an animated demo for a tutorial or a support ticket.

Animate a product

Rotate photos of an object from several angles for a product page or a newsletter.

Make a reaction GIF

Chain a few burst photos together for a message or a story.

Examples

8 product photos in 4:3

Width: min(960, 1600) = 960 px, height 1200 × 960 ÷ 1600 = 720 px. Duration: 8 × 0.25 s = 2 s, frame rate 1000 ÷ 250 = 4 frames per second.

Input

8 images of 1600 × 1200 px, duration per frame 250 ms, maximum width 960 px, looping on

Result

960 × 720 px GIF, 4 frames per second, 2 seconds per cycle, repeated endlessly

Mix of landscape and portrait photos

The portrait photo, scaled to 960 × 1280 px, sets the height of the GIF. Crop every image to the same shape before combining them to avoid these bands.

Input

5 images of 1600 × 1200 px and 1 image of 1200 × 1600 px, maximum width 960 px

Result

960 × 1280 px GIF; the landscape photos fill 960 × 720 px with 280 px transparent bands at the top and bottom

Tips and best practices

  • Prepare images of the same shape and size: the result looks steadier and the file is lighter.
  • A GIF holds only 256 colours, so it suits screenshots and illustrations better than finely shaded photos.
  • Lower the maximum width to make the file lighter: going from 960 to 480 px divides the number of pixels by about four.
  • Name your files 01, 02, 03 and so on and select them together: most file pickers then add them in order.

Sources and references

Frequently asked questions

How many images can I use?

From 2 to 24 PNG, JPEG or WebP images, up to 25 MB each. You can add them in several batches.

Can each image have its own duration?

No. Duration per frame applies to all of them; to hold one image longer, add a copy of it under another name.

Why is the GIF smaller than my images?

Its width is limited by the chosen maximum width and by the narrowest image. Images are never enlarged.

Is transparency kept?

Yes, but only on or off: GIF has no partial transparency, so each pixel is either visible or transparent, which can leave a fringe around soft edges.

Why does the first GIF take longer?

The FFmpeg module is downloaded on first use (a connection is needed then). Your browser caches it afterwards.

Are my images uploaded to a server?

No. Only the FFmpeg engine is downloaded; your images are decoded and encoded as GIF in your browser.

Related tools

Tools similar or complementary to this one.

Similar tools

Resize an image by setting its exact width and height before downloading the result.

Images & graphicsFeaturedUse this tool

Draw a frame on the image, lock a ratio (1:1, 4:5, 16:9…) and download the cropped part.

Images & graphicsFeaturedUse this tool

Combine several images into a grid with configurable spacing and background.

Images & graphicsUse this tool
GuideBest practicesBeginner

Image Metadata: Read It, Keep It, or Remove It?

Understand EXIF, GPS, XMP, IPTC, ICC profiles, rights information, and how to manage image metadata for privacy, publishing, and Web performance.

31 August 202613 min
GuideBest practicesBeginner

Convert a PDF to images or images to PDF

Learn what changes when PDF pages are rasterized, how resolution and image format affect quality, and when to assemble images into a PDF.

29 August 20262 min
TutorialBest practicesBeginner

Optimize images for the Web without losing quality

Resize, compress and choose between WebP, AVIF and other formats with a practical workflow that reduces file size without unnecessary visual loss.

30 August 20264 min