GIF Cropper
Crop animated GIFs online for free. Draw a crop region, lock aspect ratios, and download — no watermark, no signup.
Drag & drop a GIF here
or click to browse files
Related Tools
How to Crop a GIF Online
- Upload your animated GIF — drag and drop or click to browse. Supports animated GIFs up to 20 MB.
- Draw your crop region or autocrop — drag the crop handles or enter exact pixel values. Use the Autocrop button to trim transparent edges automatically, or lock an aspect ratio for square emotes and social formats.
- Preview the cropped GIF — the cropped animation plays in real time, with the projected file size shown so you can verify platform limits before downloading.
- Download — click "Download Cropped GIF" to save the result.
All processing happens in your browser — see how the in-browser pipeline works.
Aspect Ratio Presets for Streaming Platforms
The aspect-ratio lock isn't just a constraint — it's a shortcut to the dimensions that streaming and social platforms actually accept. Knowing which preset maps to which platform saves you from a second resize step downstream.
- 1:1 (square) — what every emote slot wants. Twitch (112x112), Discord (128x128), Kick, 7TV, BTTV, and FFZ all expect a square source. Use this when the final destination is any chat emote.
- 4:5 (portrait) — Instagram feed posts and Pinterest pins. Tighter than the source's natural aspect for most clips, so be deliberate about what you frame.
- 9:16 (vertical) — TikTok, Instagram Reels, YouTube Shorts, and Twitter / X mobile feeds. Crop tightly around the subject's vertical center of mass.
- 4:3 / 16:9 (landscape) — embedded video and presentation slides. 16:9 is the default for almost all modern web video; 4:3 is closer to what older content was shot at.
- Custom — type any width and height when you have a specific target that doesn't match a preset (banner ads, profile cover photos, custom emote sizes for non-standard servers).
Cropping is lossless — pixels outside the crop rectangle are discarded, but everything inside it passes through unchanged. Quality, transparency, and frame timing are preserved exactly.
Crop vs. Resize: What's the Difference?
Cropping removes pixels from the edges of an image — you select a rectangular region to keep, and everything outside is discarded. The remaining pixels are untouched, so quality is perfectly preserved. Cropping reduces the pixel dimensions and file size.
Resizing scales the entire image to new dimensions. Every pixel is recalculated through interpolation, which can introduce slight softness — especially when scaling up. Resizing changes dimensions but keeps the entire image content.
For the best results, crop first to isolate the content you want, then resize to your target dimensions. This workflow gives you a clean, sharp final image. You can also compress afterwards to further reduce file size.
Crop GIFs for Twitch, Discord & Streaming Emotes
Most emote platforms require square images. If your source GIF is not square, cropping is the first step to prepare it for upload. Lock the aspect ratio to 1:1, position the crop over the most important part of the animation, and download. You can also crop a GIF for a profile picture — the same square crop workflow applies.
- Crop GIF for Twitch (112×112) — crop to square, then resize to 112×112. Cropping first ensures no content is unexpectedly cut off during the resize step. A clean crop GIF 112x112 workflow produces sharp Twitch emotes.
- Crop GIF for Discord (128×128) — crop to square, then resize to 128×128 and compress under 256 KB. Starting with a tight crop means better quality at the small final size. The crop GIF 128x128 workflow is essential for Discord animated emoji.
- 7TV / BTTV / FFZ — same square crop workflow. A precise crop gives you more control over what appears in the final emote at small display sizes.
Combine with our GIF resizer and GIF compressor for a complete emote preparation workflow.
Frequently Asked Questions
How do I crop a GIF online?
Upload your GIF, drag the crop handles to select the region you want to keep, then click download. The crop runs across every frame in the animation, so the output stays in sync.
Can I crop a GIF to a specific aspect ratio?
Yes. Select a preset aspect ratio (1:1, 4:3, 16:9) or enter a custom ratio. The crop handles will lock to your chosen ratio, making it easy to crop for specific platforms or formats.
Does cropping a GIF reduce file size?
Yes. Cropping removes pixels from every frame, which directly reduces the file size. A tighter crop means a smaller file — great for meeting platform size limits.
Does cropping preserve animation quality?
Yes. Cropping extracts pixels from each frame without any scaling or re-compression. Frame timing, transparency, and loop settings are all preserved exactly.
How do I crop a GIF to a square for emotes?
Select the 1:1 aspect ratio, or use the "Center Square" quick crop button. This automatically selects the largest centered square region. Then download and resize to your emote platform's required dimensions.
Is there a file size limit?
You can upload GIFs up to 20 MB. Since all processing happens in your browser, larger files may take a moment to decode.
Does this add a watermark?
No. EmoteSizer never adds watermarks or branding to your GIFs. What you download is exactly what you cropped — free, clean, and ready to use.
Can you crop an animated GIF without losing the animation?
Yes. Cropping preserves all frames, timing, and transparency. Only the pixels outside the crop region are removed — the animation plays back exactly as before, just with the edges trimmed.
How do I crop a GIF without losing quality?
Cropping is lossless — it removes pixels from edges without recompressing the remaining content. Colors, transparency, and animation are preserved exactly. No quality is lost during the crop.
Can I crop a GIF on my phone?
Yes. EmoteSizer works in any modern mobile browser. The crop handles are touch-friendly with 44px tap targets, so you can draw and adjust the crop region easily on your phone. No app download needed.
How do I remove borders from a GIF?
Use the Autocrop button to automatically detect and trim transparent edges. Or drag the crop handles inward to manually remove unwanted borders. Both methods preserve the full animation.