Crop & Resize Image — Local Aspect Presets
Crop or resize images in your browser with free selection, aspect locks (1:1, 16:9, and more), and common output sizes. Steps: choose a photo, frame the region or pick a preset, set width×height, then download JPEG, WebP, or PNG. Example: square-crop a phone photo to 512×512 for an avatar — files stay on your device; export usually drops EXIF.
How it works
Pick a photo, lock an aspect or draw freely, set the output width×height (or a common preset), and export. The page maps your on-screen box back to source pixels, draws that rectangle onto a canvas at the target size, then encodes with toBlob. Resize-only mode fits the whole image with contain or cover. Bytes stay in this tab; re-encode usually drops EXIF.
Rules you should expect
Cropping and resizing share one pipeline. Use this checklist before you chase a larger output than your selection.
- Source rectangle (sx, sy, sw, sh) is always in original image pixels — not the scaled preview. Handles and drag map through the display scale.
- Output canvas uses drawImage from that source rect into dw×dh. v1 never invents detail: if you ask for more pixels than the selection, size is clamped down and you get a clear notice.
- Aspect presets reshape the selection; pixel presets fill width×height and often align the aspect lock. “Same as selection” copies the current box size.
- Privacy & metadata: files are not uploaded. Canvas export typically strips EXIF — use the EXIF tool if you need tags first. For smaller file KB after cropping, open the compressor.
Example
A 1600×1000 sample locks 1:1, frames the center square, and exports 512×512 JPEG at quality ~0.9. Switch to 16:9 and a 1920×1080 preset for a wide cover (clamped if the crop is smaller). Resize-only with max-edge 1200 shrinks the whole photo proportionally without a manual box.
Good fits
- Avatars: lock 1:1 and export 512 or 256 for profiles and lists.
- Covers and banners: 16:9 or 1200×630-style sizes for page headers and link previews.
- Web assets: resize the whole image to max edge 1200 or width 800 before upload.
Frequently asked questions
Does my image leave the browser?
No. Decode, crop, and encode run locally. Confirm in DevTools Network that the image is not POSTed.
Will the tool enlarge a small crop?
No. If output size exceeds the selection pixels, v1 clamps down and warns — it does not invent sharp detail.
How is this different from the compressor?
This page focuses on framing and pixel dimensions. The compressor targets smaller file KB with quality and optional size caps — use it after you finish cropping.
Do I need a different tool for square vs 16:9?
No. Square, 16:9, and other ratios are presets on this same page.
Will EXIF survive?
Usually not. Canvas re-encode drops metadata. Inspect first with the EXIF tool if needed.
Do animated GIFs stay animated?
No. Only the first frame is cropped into a still image.
Related tools
Questions or feedback
Something unclear, broken, or missing? Draft a message below — we read every note about these tools.