Crop Image
Crop images with X/Y/W/H inputs, aspect-ratio presets, format choice (PNG/WebP/JPEG). Quality slider, format preservation. Free, client-side.
Crop any image with precise X/Y/W/H inputs. 9 aspect-ratio presets, format choice (Original / PNG / WebP / JPEG), quality slider. Side-by-side preview.
Original / Cropped
How to Use Crop Image
- Drop your image (JPG / PNG / WebP / GIF, up to 25 MB).
- Set crop coordinates: X (left offset), Y (top offset), Width, Height. All in pixels. Preview updates live (200ms debounce).
- Or pick an aspect-ratio preset (1:1, 16:9, etc.) - the tool centers a max-size crop at that ratio. Click Center crop to re-center any custom dimensions.
- Pick output format. Original preserves the input format (PNG stays PNG, JPG stays JPG, WebP stays WebP).
- Copy data URI or download. Filename includes source name, crop coords, and dimensions:
photo-crop-100,50-400x300.jpg.
Frequently Asked Questions
Which crop sizes do social platforms expect?
The safe set: 1:1 for Instagram grid posts and most profile photos, 4:5 for Instagram portrait posts (the tallest the feed allows), 9:16 for Stories, Reels, and TikTok, 16:9 for YouTube thumbnails and Twitter/X link cards, and roughly 1.91:1 for Facebook and LinkedIn link previews. Crop to the ratio here, and the platform will not re-crop your image unpredictably at upload time.
What aspect ratios are available?
Free (no constraint, default), 1:1 square, 4:3, 3:2, 16:9 widescreen, 21:9 cinema, 9:16 portrait (phone screens), 2:3 photo portrait, 3:1 Twitter/X header. Picking a ratio sets a max-size crop centered in the image. You can then nudge the X/Y manually.
What does “Center crop” do?
Recalculates X/Y so the current Width × Height rectangle is centered in the source image. Useful after manually setting a custom W/H – click center crop to position it without computing offsets by hand.
What does “Full image” do?
Sets X=0, Y=0, Width and Height to the source image’s full dimensions. Useful for resetting after experimenting. Combine with format=JPEG to re-encode a PNG as JPEG without actually cropping.
What’s the quality slider for?
Controls WebP and JPEG compression quality (0 = max compression, 1 = max quality). PNG ignores it (always lossless). The “Original” mode uses quality if the input was WebP or JPEG; ignored for PNG/GIF input.
What happens with animated GIFs?
Cropped as a single still frame (the first frame, due to how browser <img> tags handle GIFs). The output is a static PNG/WebP/JPEG. For animated cropped output, use a dedicated GIF tool.
What’s the file size limit?
25 MB. The full uncompressed image goes through Canvas, which is memory-heavy. 25 MB JPEG covers typical phone photos and most stock photography.
Does cropping reduce quality?
The cropped pixels themselves are bit-exact copies of the original – no quality loss from the crop operation. But any re-encode after cropping is lossy if you pick JPEG or WebP-lossy. To get true bit-exact preservation, use PNG output (always lossless) or Original mode when the input is PNG.
What’s in the download filename?
Format: {source-stem}-crop-{x},{y}-{w}x{h}.{ext}. E.g., photo-crop-100,50-400x300.jpg.
Is anything uploaded?
No. All image processing happens through the Canvas API inside your browser – nothing is sent to a server, logged, or stored, and the tool keeps working offline once the page has loaded.