Home Tools Blog About

Crop Image

In short

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

Original Original
Cropped Cropped
Drop an image to begin.
🛡
100% PrivateNo server uploads, ever
InstantRuns in your browser
💧
No WatermarksClean output, always
🆓
Free ForeverNo accounts, no limits

How to Use Crop Image

Crop Image · free online tool · All Tools Verse
Crop Image. Free online tool that runs in your browser.
  1. Drop your image (JPG / PNG / WebP / GIF, up to 25 MB).
  2. Set crop coordinates: X (left offset), Y (top offset), Width, Height. All in pixels. Preview updates live (200ms debounce).
  3. 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.
  4. Pick output format. Original preserves the input format (PNG stays PNG, JPG stays JPG, WebP stays WebP).
  5. 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.

Keep going

Related Tools

All Image 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…

Share

Embed this tool

Add this free tool to your website. Copy and paste the code: