Image to GIF guide
Create an animated GIF from images online
Combine photos, screenshots, product images, illustrations, or design frames into one looping GIF. You can reorder frames, tune individual timing, choose how mixed image sizes fit the canvas, reduce the color palette, and export without sending the originals to a server.
20
maximum images
256
maximum colors
100%
browser based
0
file uploads
サポートされている画像形式
Add up to 20 source images. Decoding happens with your browser, so support for newer formats can vary slightly by browser version.
JPEG / JPEG
Photos and camera images
Small, widely supported input for photo sequences and before-and-after animations.
PNG
Screenshots and graphics
Good for interface captures, text, diagrams, logos, and sharp-edged artwork.
WebP / AVIF
Modern web images
Useful for assets downloaded from websites; availability depends on browser decoding support.
GIF / BMP
Existing graphics
A GIF input is treated as one source image frame; BMP is accepted when the browser can decode it.
How to make a GIF from pictures
- 1
画像を追加する
Select or drag in up to 20 JPG, PNG, WebP, AVIF, GIF, or BMP files.
- 2
Arrange the frames
Drag thumbnails into order, or use the accessible move buttons. Select a frame to preview it.
- 3
Tune the animation
Set a duration for every frame or adjust one frame, then choose width, fit mode, background, colors, and looping.
- 4
作成してダウンロードする
Encode the animation in a background worker, preview the result, and download the GIF.
Common ways to use an image GIF maker
Product and feature demos
Turn a short sequence of UI states or product photos into a lightweight demo for docs, support, or release notes.
Before-and-after comparisons
Alternate between two edited images, design revisions, room layouts, or progress photos.
Social posts and reactions
Combine illustrations, memes, stickers, or event photos into an animation that plays without video controls.
Tutorials and presentations
Show a small process step by step when a full video would be unnecessary.
Private, local GIF processing
Your selected files are passed directly to a Web Worker in this browser. ImageBitmap decodes each frame, OffscreenCanvas sizes and composites it, and gifenc creates the GIF. The source images and generated file are not uploaded or stored on our servers. Remove the frames or close the tab to release local memory.
Why this page does not use FFmpeg or MediaBunny
This workflow needs a GIF image encoder, not an audio/video container transcoder. MediaBunny is used elsewhere for modern video and audio processing, but it does not provide GIF output here. A small dedicated GIF encoder keeps the download lighter, and moving it to a Worker keeps the interface responsive.
よくある質問
Is this image to GIF tool free?+
Yes. It is free to use and does not require an account.
私の画像はアップロードされていますか?+
No. Decoding, resizing, color reduction, and GIF encoding run locally in your browser.
Why does GIF use fewer colors?+
GIF frames can contain at most 256 palette colors. Choosing 64 or 128 colors often makes a smaller file, while 256 better preserves gradients.
Why is my GIF file large?+
GIF is less efficient than modern video formats. Reduce the output width, choose fewer colors, remove unnecessary frames, or increase frame durations.
Can every frame have a different duration?+
Yes. Set a default duration for all frames, then select any thumbnail and give that frame a different delay.
What happens when my images have different sizes?+
The first image defines the output aspect ratio. Contain shows each whole image with a background; cover fills the canvas and may crop edges.
Can I convert an animated GIF input into multiple frames?+
Not on this page. An uploaded GIF is used as one source image. Use the GIF editor for an existing animation, or add separate still frames here.
Why can a very large image fail?+
GIF encoding needs an indexed copy of every output frame and can use substantial memory. Choose a smaller width or fewer frames for reliable browser processing.
Related GIF tools and tutorials
Edit an existing GIF
Compress, crop, or change the speed of an animated GIF.
ツールまたはガイドを開くConvert video to GIF
Turn a short part of a video into a shareable animation.
ツールまたはガイドを開くResize images first
Batch resize source images before building an animation.
ツールまたはガイドを開くCompress source images
Reduce image file sizes for a lighter browser workflow.
ツールまたはガイドを開くMake a video from images
Create a higher-quality WebM slideshow with more colors.
ツールまたはガイドを開くImage size guide
Choose practical dimensions for social and web publishing.
ツールまたはガイドを開く