Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Edit an existing GIF - Resize, rotate, flip, crop, trim, retime, and optimize an existing animated GIF with TinyImage.. Machine-readable page: /tinyimage/gif-editing.md.

Edit an existing GIF

Resize, rotate, flip, crop, trim, retime, and optimize an existing animated GIF with TinyImage.

Use GIF Editor in TinyImage's GIF tab to change an existing animated GIF without rebuilding it from separate Figma layers.

Load a GIF ​

In Figma Design, select one of the following:

  • A layer that contains an animated GIF fill.
  • A frame that contains one or more GIF layers at any nesting level.

Choose Use selected GIF layer. You can also choose Choose file from computer to load a local GIF.

When you load a frame, TinyImage bakes the frame's visible layer stack into every animation frame. This includes content, masks, effects, and other layers above or below the nested GIF layers. The original Figma frame and its layers are not changed.

If the frame contains multiple GIFs, TinyImage synchronizes their frame changes into one editable timeline. For stability, a combined frame animation can be up to two minutes long and contain up to 500 combined frames.

Select Reset edits at any time to return to the originally loaded GIF.

TinyImage warns you before replacing a GIF that has changes you have not exported. Large GIFs also show a processing warning. GIFs can contain up to 2,000 frames, use dimensions up to 8,192 px, and have a source file size up to 100 MB.

Resize and transform the animation ​

Enter an output width or height and keep Lock ratio enabled to preserve the original proportions. Select Apply size to resize every frame.

The transform controls can:

  • Rotate every frame 90 degrees to the left or right.
  • Flip every frame horizontally or vertically.
  • Crop every frame using a visual selection or exact X, Y, width, and height values.

Trim and retime the GIF ​

Use the timeline handles to choose the first and last frame to keep. You can also set a delay in milliseconds for individual frames and choose how many times the animation should play.

Configure the output ​

Choose the maximum number of colors before exporting. A smaller palette can reduce the file size, but may introduce visible color banding in gradients or detailed artwork.

Review the playback preview after each change, then select Export GIF or Add to Figma. TinyImage shows per-frame export progress, and you can cancel before the next frame is processed.