✂️
Photo & Image/Image Crop & Compress

Image Crop & Compress

Crop images with aspect ratio presets, compress quality, and convert format. Visual crop editor. 100% browser-based.

100% LOCALVisual crop editorAspect ratio presetsQuality compressionFormat conversion
Saved Settings· Auto-save on
▾
The CalculatorPage 1
🖼️
Drop your image here or click to upload
JPG, PNG, WebP, GIF — crop, compress, convert. 100% local.
Data Source & Legal Disclaimer
Effective: 2026
Sources: Browser-side processing (no external API)

This tool runs 100% in your browser. All computation happens locally on your device — your input is never uploaded to any server. Results are for reference only.

See all data sources & update policy →
How it worksPage 2

How image cropping works — illustrated

Cropping discards pixels, it never invents them. A selection rectangle records the source coordinates (x, y, w, h) in the original image's own pixel space, and the crop then calls drawImage to copy exactly that region into a brand-new canvas. Because the source region is re-encoded, the crop also lets you recompress quality, convert format, and downscale in the same pass — which is how the same action both trims the frame and shrinks the file size.

Selection box → region copied to a fresh canvas
SOURCE · 800 × 600 px(x, y)(x+w, y+h)selection in source pixelscopy regionsx sy sw shCROPPED · 400 × 300 pxonly selected pixels survivedrawImage(img, sx, sy, sw, sh, 0, 0, dw, dh) copies only pixels inside the selection

Only pixels inside the selection survive. The crop box is defined in the source image's natural pixel coordinates, so the output is always a true, lossless-in-region copy of that rectangle — quality and format changes happen when it is re-encoded.

Cropping a 4032 × 3024 photo for Instagram

A phone photo is portrait-friendly but oversized; you want a square 1080 × 1080 for a 1:1 feed post.

  1. Lock 1:1 aspect:Dragging is constrained so the crop box width always equals its height
  2. Size the box:Select the largest 1080 × 1080 region that fits inside the photo
  3. Set quality and format:JPEG at 80% with a 1080 px max width keeps the crop web-ready
  4. Crop and export:Only the selected rectangle is copied to a fresh canvas and encoded — the output lands near ~250 KB
FAQ & detailsPage 3

Crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. Everything runs locally; nothing is uploaded.

FreeToolHub Image Crop & Compress is a free browser-based tool — crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. No signup, no upload; everything runs locally in your browser.

About this tool

What is this tool?

Crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. Visual crop editor. 100% in-browser, free.

Visual crop editorAspect ratio presetsQuality compressionFormat conversion

What Is the Image Crop & Compress Tool?

The Image Crop & Compress tool is a free, browser-based visual editor that combines two essential image operations into one workflow. The crop mode provides a drag-to-select canvas with aspect ratio presets (Free, 1:1, 4:3, 16:9, 3:2, 9:16) for social media, thumbnails, and print. The compress mode lets you adjust quality (10-100%), choose output format (JPG, PNG, WebP), and set a maximum width for downscaling. All processing happens locally using the HTML5 Canvas API — your images never leave your browser.

Who Should Use This Tool?

Content creators crop images to specific aspect ratios for Instagram (1:1), YouTube thumbnails (16:9), and Pinterest (2:3). Bloggers compress images to reduce page load times without visible quality loss. Web developers convert between JPG, PNG, and WebP formats for optimal browser delivery. Students and researchers crop screenshots to highlight specific areas. Anyone who needs to quickly crop and compress an image without opening Photoshop or installing software.

How to Use the Image Crop & Compress Tool

Upload an image by dragging it onto the dropzone. The visual crop editor appears with your image and a darkened overlay. Click and drag on the image to select the crop area — the selection highlights in real-time. Choose an aspect ratio preset to constrain the crop shape. Adjust compression quality with the slider, select output format (JPG/PNG/WebP), and optionally set a max width. Click Crop & Compress to process, then preview and download the result. All processing is instant and local.

Frequently Asked Questions

What aspect ratios are supported?

The tool supports Free crop (no constraint), 1:1 (square, Instagram), 4:3 (standard), 16:9 (widescreen, YouTube), 3:2 (DSLR), and 9:16 (vertical, Stories/Reels). Select a preset before or during cropping to lock the selection to that ratio.

What is the difference between crop and compress?

Cropping removes unwanted outer areas of the image to focus on a specific region. Compression reduces file size by lowering quality and/or changing the format. This tool combines both: you crop first to get the right framing, then compress to optimize file size. The two operations work together — cropping reduces dimensions (fewer pixels), and compression reduces quality (less data per pixel).

Which format should I choose?

JPG is best for photographs with smooth gradients — smallest file size at a given quality. PNG is best for graphics with sharp edges, text, or transparency — lossless but larger files. WebP is the modern alternative — smaller than JPG at similar quality, supported by all modern browsers. For web use, WebP is recommended. For print, use JPG at 90%+ quality.

Which aspect ratio should I crop to?

Match the destination: 1:1 for profile pictures and Instagram feed, 4:3 or 3:2 for print and general photography, 16:9 for video thumbnails and web banners, 9:16 for stories and shorts. Cropping to the platform's native ratio prevents automated center-crops from chopping heads off later. Free crop is there for everything else - the presets are shortcuts, not rules.

What JPEG quality setting should I export at?

0.8 (80%) is the sweet spot: visually indistinguishable from 100% for photos while running a fraction of the file size. Below about 0.6, blockiness appears in gradients and text edges; above 0.9, you pay real kilobytes for differences nobody can see. For screenshots with text, prefer PNG or WebP - JPEG's compression is built for continuous tones and smears sharp edges.

Why export WebP instead of JPEG or PNG?

WebP runs 25-35% smaller than JPEG at equivalent visual quality and supports transparency where JPEG cannot. The trade is compatibility: modern browsers, phones, and WordPress all handle it, while some older software and email clients do not. For web uploads, WebP is usually the right call; for files that must open anywhere, JPEG remains the lingua franca. The crop tool exports all three so the decision happens once, at save time.

What is the max width option for?

It caps the export dimensions for the common case of pre-sizing web images: a 4000px camera photo displayed at 1200px is 10x the file size for zero visible gain, and uploading it raw wastes bandwidth and invites platform recompression. Set the cap to the largest display size you need (1200-1600px covers most web use) and larger sources scale down automatically - smaller sources pass through untouched, never upscaled.

Related tools

Joke of the Day
Sep 29

Why did the cookie go to the doctor?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.