Upload Images
Click the "Add Image" placeholder or drag and drop images directly onto it. Supported formats: PNG, JPEG, GIF, and WebP. The output dimensions are automatically set from the first image you upload. If the first image has transparency, the Transparent GIF option is enabled automatically.
Import Video
Click "Import Video" in the Frames header to extract still frames from an MP4 or MOV file. Choose an extraction FPS (1-30) and the frames are added to your project automatically. Videos must be under 100MB and 2 minutes long.
Arrange Frames
Drag and drop frames in the list to reorder them. Click the icon to remove a frame.
Adjust Timing
Set the Duration (in milliseconds) for each frame. Default is 100ms. Lower values = faster animation.
Settings
Settings are organized into three tabs: Size, Transparency, and Transitions.
| Size Tab |
| Format |
Choose GIF (universal support, 256-color palette) or Animated PNG (full 24-bit color with smooth alpha, better for photographic content from video). |
| Output Scale |
Scale the output GIF from 10% to 100% of the original image size. Smaller scales create smaller file sizes. |
| Output Size |
Shows the final dimensions based on your scale selection. |
| Loop Count |
Set to 0 for infinite looping, or enter a number for a specific number of plays. |
| Transparency Tab |
| Transparent GIF |
Enable to create a GIF with transparent areas. Works best with PNG images that have alpha channels. |
| Background Color |
When transparency is disabled, this color fills any transparent areas in your source images. |
| Alpha Threshold |
When transparency is enabled, pixels with opacity below this value (0-255) become fully transparent. |
| Transitions Tab |
| Transition Type |
Choose from: Cross-fade (blend between images), Fade to White/Black (fade through intermediate color), or Carousel (slide in Left/Right/Up/Down directions). |
| Transition Time |
Duration of transition between frames in milliseconds. Set to 0 to disable transitions. Must be less than frame duration. |
| Transition Steps |
Number of intermediate frames created during transitions. More steps = smoother transition but larger file size. |
Preview
Preview your animation before generating the final GIF. The UI intelligently adapts:
- 10 or fewer frames: Shows a single "Preview" button that generates all frames
- More than 10 frames: Shows "Quick Preview" (⚡ first 10 frames) and "Full Preview" (👁 all frames) buttons
Automatically stops any previous preview when you generate a new one.
Stop
Stops the preview animation and clears the preview area. Useful if the animation timing is distracting.
Generate GIF
Creates the final animated GIF with all frames and automatically downloads it to your computer.
Tips
- For best results, use images that are all the same size
- Smaller output scales create significantly smaller file sizes
- PNG images work best for transparency
- Session data is automatically cleaned up after 1 week of inactivity