GIF Cropper
ImageCrop animated GIFs to a specific area. Visual selection with adjustable rectangle. Preserves animation. Canvas-based, client-side.
Drop GIF to crop
About GIF Cropper
This GIF cropper crops animated GIFs to a specific region locally while preserving every frame. The process uses a gif.js decoder to split frames, then Canvas 2D API to extract and redraw each frame per the selected crop rectangle, and finally re-encodes into GIF89a. The crop region is set via a visual draggable selection box with pixel-precise input.
How to Use
- Open the GIF Cropper tool page
- Enter or paste your data into the input area
- View the real-time results and use the copy button to get the output
Use Cases
- Remove excess margins — Crop white or black borders around GIF animations so content fills the entire frame.
- Extract a region — Crop a local area from a panoramic GIF to focus on key actions or expressions.
- Adjust composition — Crop GIFs to specific aspect ratios to meet social media platform video size requirements.
- Meme cropping — Crop landscape GIFs to square or portrait format, adapting to WeChat sticker size specs.
- Remove watermark area — Crop corner watermark areas from GIFs, keeping clean animation subject content.
FAQ
Does cropping lose frames?
No. The tool crops each frame individually and preserves original frame delay info; the cropped GIF has the same frame count and playback speed as the original.
How is the crop region set?
Via a visual draggable selection box, or by entering precise x, y, width, and height pixel values for cropping.
Does cropping reduce GIF quality?
No. Cropping only extracts the specified region of each frame without color re-quantization or compression; image quality matches the original.
Can I crop to a specific aspect ratio?
Yes. Enter specific width and height values for proportional cropping, e.g. 1:1 square or 9:16 portrait.
Are files uploaded?
No. All decoding, cropping, and encoding run locally via gif.js and Canvas API; files never leave your device.
Comments
Comments are stored locally in your browser. Configure Giscus for cloud-based comments.