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.
- Runs in your browser
- Nothing uploaded
- Free, no sign-up
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.
Related Tools
Circle Crop Image →
Crop any photo into a circle and download a transparent PNG, perfect for profile…
Add Background to Image →
Add background to images online for free. Change image background color. Fast, private, 100%…
Add Border to Image Online - Photo Frame Effect →
Add border to any image online. Upload photo, customize border, download. 100% private.
Add Image Effect Online - Apply Photo Effects →
Add effects to images online for free. Apply grayscale, sepia, vintage, and more. Fast,…
Add Noise to Image →
Add noise to images online for free. Apply grain effect to your photos. Fast,…
Add Rainbow Filter to Image →
Add rainbow filter to images online for free. Apply colorful rainbow effect to any…
Add Sepia Filter to Image - Vintage Photo Effect →
Add sepia filter to any image online. Upload your photo, apply vintage sepia effect,…
Add Stroke to Image →
Add stroke or border to images online for free. Create framed images easily.
Convert Add Symmetry to Image →
Mirror an image to create horizontal or vertical symmetry effects, preview the result, and…
Add Text to Image Online - Text on Photo →
Add text to images online for free. Overlay text on your photos. Fast, private,…
Add Watermark to Image →
Add watermark to images online for free. Overlay text watermark on your photos. Fast,…
Adjust Image Brightness Online - Brighten or Darken Photos →
Adjust image brightness online for free. Upload your photo, increase or decrease brightness, and…