How to crop a GIF without cutting off the motion

Cropping an animated GIF requires more care than cropping a still picture because the subject can move after the opening frame. The correct rectangle must contain every important position in the loop. Preview the complete animation, draw a generous selection, and reduce the margins only after you know how far the subject travels.

The GIF cropper applies one rectangle to every decoded frame. You can draw the area with a pointer, move an existing selection, adjust its position with the keyboard, review output dimensions and coordinates, and download the result while preserving the source frame delays.

Watch the loop before drawing a crop

Begin with the full-frame preview and identify everything that must remain visible. A face may lean toward an edge. A hand may enter late. A shadow, caption, particle, or product detail may appear only briefly. Watch at least two complete cycles so the loop boundary does not hide a fast movement.

Separate essential content from expendable space. Empty borders, recording chrome, unrelated scenery, and large quiet margins are common crop candidates. Context can still matter: a button demonstration may need the pointer and nearby label, while a reaction may need enough background to make the expression understandable.

If the source plays too quickly to inspect, use the GIF speed changer on a working copy or pause mentally at the most extreme positions. Choose the crop based on the widest useful movement rather than the most attractive single frame.

Draw the first rectangle generously

Drag across the preview from one corner of the area you want to keep to the opposite corner. The editor normalizes the rectangle inside the source boundaries, so you can draw in any direction. Begin with a margin around the moving subject instead of tracing it tightly.

The output width and height update to describe the selected canvas. The selection value reports its top-left position. These measurements help when comparing alternatives, but they do not tell you whether the composition feels balanced. Use them together with the animated preview.

The cropper does not provide fixed aspect-ratio presets. This keeps the selection flexible, but it means you should check current requirements at the destination if an exact shape is necessary. Platform upload rules can change, and the most useful crop for the subject may not match a fashionable ratio.

Move the selection without changing its size

After drawing a rectangle smaller than the full frame, drag inside it to move the complete crop area. This is useful when its width and height are already correct but the subject feels too close to one side. Movement stays inside the source.

For precise placement, focus the selection and press an arrow key to move it by one pixel. Hold Shift while pressing an arrow key to move ten pixels. The coordinate summary confirms the new top-left position and makes small alignment decisions easier to repeat.

There are no corner resize handles in this editor. To change width or height, draw a new rectangle. That direct interaction avoids tiny handles on mobile and encourages you to review the new composition as a complete selection.

Leave a safety margin around motion

A small amount of breathing room protects against accidental clipping and usually makes movement easier to read. The right margin depends on direction. A subject moving left to right may need more space in front of the movement than behind it. A rocking object may need balanced room on both sides.

Check text separately. If words are already inside the GIF, keep entire letters and their outlines away from the crop boundary. Cutting through a caption makes the problem obvious on every loop. If the caption itself needs improvement, add or replace it with the GIF text editor after choosing the visual composition.

Transparent pixels can also be meaningful. A glow, soft shadow, or anti-aliased edge may extend beyond the obvious object. Give those details enough space when they contribute to the final appearance.

Understand crop versus resize

Cropping removes pixels outside the selected area and changes the composition. Resizing keeps the entire frame but scales its dimensions. A crop can make the subject occupy more of the output without enlarging it, while a resize can make every visible element smaller or larger together.

This page performs cropping only. It does not offer a resize control or promise a particular file size. A smaller selected area can reduce the number of pixels encoded, but GIF size also depends on frame count, color changes, transparency, and encoder behavior. Judge the visual result first.

Many workflows crop before resizing because composition should be settled before final output dimensions are chosen. If you use another resizing tool later, keep an original copy so you can return to the uncropped source.

Preview the full selection before export

Watch the overlay across busy and quiet frames. Confirm that the subject never crosses the boundary and that the new shape does not feel cramped. Check the reported width and height one final time, especially if the GIF will be placed in a fixed design slot.

Select Download GIF when the crop works throughout the loop. The browser crops every frame to the same rectangle and encodes a new file while preserving playback delays. The source is not uploaded by this editor, and no watermark is added.

If you need to build the animation first, start with making a GIF from one picture. If timing becomes the next problem, follow the guide to speeding up or slowing down a GIF.