Utilia

GIF Maker

Make an animated GIF from several images or a short video clip. Reorder frames, set delays, loops, size, colors and dithering. Free, no upload.

Frames

No frames yet: add at least two images.

    How to make a GIF from images

    1. Drop two or more images on the drop zone, or click it to choose them. JPG, PNG, WebP, BMP and SVG work; an animated file only gives its first frame.
    2. Put the frames in order under Frames: drag a row by its handle, or use the ↑ and ↓ buttons. Reverse order flips the whole sequence, and ✕ removes a frame.
    3. Choose the Frame timing. With Same delay for every frame, type one Delay (ms); the hint next to it shows the matching frame rate. With Own delay for each frame, every row gets its own delay box, handy to hold the last frame longer.
    4. Pick the Looping: Loop forever, or Play a set number of times with a Number of plays.
    5. Set the Width (px). The height follows the proportions of the first frame. For frames of another shape, choose Fit inside (add bars), Fill and crop or Stretch, and a Background color for the bars and transparent areas.
    6. Adjust Colors, Palette and Dithering if needed, then click Create GIF. The animation plays in the preview; Download GIF saves it.

    Making a GIF from a video clip

    Drop a short video (MP4, WebM, or anything your browser can play) on the same drop zone. A Frames from a video clip panel opens with a player. Enter the Start (s) and End (s) of the part you want and the Frames per second, then click Add frames from the video. The tool seeks to each moment, grabs the picture and adds it to the frame list with a matching delay, so you can still reorder, delete or mix the frames with photos. No video encoder is downloaded: frames are captured straight from the browser’s player.

    Keep clips short. At 10 frames per second, three seconds already means 30 frames, and a GIF stores every frame as a full image. This tool accepts up to 300 frames.

    Colors, palettes and dithering

    A GIF frame can use at most 256 colors. The tool builds the palette with a fast quantizer (pairwise nearest neighbour clustering) and maps each pixel to its closest palette color.

    • One palette for the whole GIF samples every frame and builds a single color table. The file is smaller and colors stay steady from frame to frame, which avoids flicker.
    • One palette per frame gives each frame its own table: more faithful colors when frames are very different, at the cost of a slightly larger file.
    • Colors lowers the palette size (128, 64, 32, 16). Fewer colors mean a smaller file and a flatter, poster-like look.
    • Dithering (smoother gradients, larger file) uses Floyd–Steinberg error diffusion: the rounding error of each pixel is spread to its neighbours (7/16, 3/16, 5/16 and 1/16), so skies and skin tones get a fine grain instead of visible bands. Dithered pixels compress less well, so the file grows.

    Timing and file size tips

    GIF delays are stored in hundredths of a second, so the tool rounds them to 10 ms. Delays below 20 ms are raised to 20 ms, because many browsers replace shorter delays with a slow 100 ms. The size of a GIF grows with width × height × number of frames: halving the width divides the data by about four. For chat and social posts, 320 to 480 px wide is usually enough.

    Everything runs in your browser: images and videos are never uploaded.

    Frequently asked questions

    How many images can I put in a GIF?

    Up to 300 frames. Very long animations quickly reach tens of megabytes, so for more than a few seconds of footage a video format is a better choice.

    Why does my GIF look grainy or banded?

    GIF is limited to 256 colors. Turn Dithering on to smooth gradients, or off for flat graphics and screenshots, where it only adds noise.

    Can I give one frame a longer pause?

    Yes. Choose Own delay for each frame and type a larger delay in that frame’s row, for example 2000 ms for the final frame.

    Does the GIF keep transparency?

    No. Transparent areas are filled with the Background color, because GIF transparency is on or off per pixel and gives jagged edges on photos.

    Why does the loop count look different in some apps?

    Play a set number of times writes the standard NETSCAPE loop block. A few apps ignore it and always loop forever.