GIF Maker From Images

Key Features and Benefits

• check_circle
  Any browser-readable image becomes a frame — Drop in PNG, JPEG, WebP, BMP, or SVG files — anything your browser can decode as an image works, and each file becomes exactly one frame. You can add more images at any point without starting over, so building a sequence in stages is straightforward.
• check_circle
  Full control over frame order — Every frame appears in a list with a thumbnail and its original filename. Drag rows to reorder them, nudge a single frame up or down with the arrow buttons, or delete a frame you no longer want. The order in the list is exactly the order in the finished animation.
• check_circle
  Global or per-frame timing — Set one delay in milliseconds that applies to the whole animation, or switch to per-frame mode and give each image its own duration — useful when a title card should linger and the following steps should move quickly. GIF stores timing in centiseconds, so your millisecond value is rounded to the nearest hundredth of a second when the file is written.
• check_circle
  Loop count you choose — The loop setting is written into the NETSCAPE2.0 application extension block. Leave it at 0 for the endless loop most web GIFs use, or enter a specific number of repetitions when you want the animation to stop on its own.
• check_circle
  Explicit output dimensions — Type the exact output width and height, or click Auto-detect to copy the dimensions of your first image. Every frame is scaled to fit inside that canvas with its aspect ratio preserved and centered, so mismatched source sizes never distort — though any leftover space around a frame is filled rather than left transparent, which is why matching the canvas to your source aspect ratio gives the cleanest result.
• check_circle
  Color budget as a size dial — Pick 256, 128, 64, or 32 colors. Because the palette is built by dividing RGB space into equal steps, the practical maximum is 216 distinct colors at the 256 setting, and fewer colors mean a coarser grid but a noticeably smaller file. It is the fastest lever you have when the result comes out heavier than you want.

How to Create a GIF From Images

1. 1

   Upload your images

   Drag your files onto the upload area or click to browse — you can select many at once. Each image is added to the frame list in the order the browser hands them over, and you can keep adding more later using the Add more images strip above the list.

2. 2

   Arrange and prune the sequence

   Reorder frames by dragging their rows or using the up and down arrows, and remove any frame that does not belong with the close button. Watch the frame counter as you go: file size grows roughly in proportion to the number of frames, because each one is stored as a complete image rather than as a difference from the frame before it.

3. 3

   Set the timing and the loop

   Choose Global delay to give every frame the same duration, or Per-frame to set them individually. Around 100 ms per frame gives a comfortable 10 fps for tutorials and demos; shorter delays look smoother but need more frames to cover the same running time. Then set the loop count, leaving it at 0 for infinite playback.

4. 4

   Choose output size and color count

   Enter the output width and height, or use Auto-detect from first image so the canvas matches your source and nothing gets letterboxed. Then pick a color count — start at 256 and step down if the file needs to be smaller. Use Play Frames in the preview panel to step through the sequence at your chosen timing before committing.

5. 5

   Create, check, and download

   Click Create GIF. The encoder quantizes each frame, LZW-compresses it, and assembles the file, then the preview switches to the finished animation and the sidebar reports frame count, dimensions, and file size. If the size is too high, lower the color count or the dimensions and encode again — re-encoding is cheap. When you are happy, click Download GIF.

Expert Tips for Creating GIFs

Related Tools

The most reliable way to get a good GIF is to prepare the frames properly first. Resize your images to a single consistent size, convert anything in an awkward format, and only then build the animation here — that way the canvas matches the content, no frame is scaled twice, and the color reduction has a clean input to work with. If the finished file is still heavier than your platform allows, the GIF compressor gives you a second pass with fewer colors, fewer frames, or smaller dimensions. Every step in that chain runs locally in your browser, so your images stay on your device from the first upload to the final download.