Crop and resize animated GIFs while preserving all frames and animation timing.
GIF Crop & Resize changes the visible canvas and pixel dimensions of an animated GIF without turning it into a still image. You select one crop rectangle, apply it across the complete frame sequence, and resize that cropped area to the required width and height. Processing occurs in the browser, so the source GIF is not uploaded. The important surprise is that cropping is spatially fixed: a subject that moves outside the selected rectangle in later frames will be partly or completely cut off.
A concrete input and expected output from the current implementation.
Input
Source GIF: 320 x 240 pixels, 12 frames, 100 ms per frame. Crop: x 40, y 20, width 200, height 160. Resize: 100 x 80 pixels.
Expected output
A 100 x 80 animated GIF containing all 12 frames, with a 100 ms delay per frame and a total frame-cycle duration of 1.2 seconds.
The 200 x 160 crop is reduced by one-half in both dimensions, producing 100 x 80 pixels without changing its aspect ratio. Twelve delays of 100 ms total 1,200 ms, or 1.2 seconds.
The crop rectangle identifies the same fixed region of the GIF canvas in every frame. Pixels outside that rectangle are excluded from the result, while pixels inside it retain their positions relative to the new upper-left corner. Because the rectangle does not follow moving content, the full sequence should be checked before choosing a tight crop.
After cropping, the selected region is mapped to the requested output width and height for each frame. Using dimensions with the crop's aspect ratio avoids geometric stretching. The resulting GIF keeps the source frame sequence and frame delays. Its file size may increase or decrease because dimensions, image content, palette choices, and frame-to-frame changes all affect GIF encoding.
No automatic subject tracking is implied. The chosen crop is a fixed rectangle applied to the animation canvas across all frames. If the subject changes position, choose a rectangle large enough to contain its complete path. A different crop for each frame would require frame-level editing rather than one fixed animated crop.
No. Preserving timing means the output retains the GIF's frame-delay sequence, but viewers can handle very short delays differently. Loop behavior is also distinct from per-frame timing, so verify the exported GIF in the intended browser or application when an exact loop count or unusually rapid animation matters.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.