Geek check: open DevTools → Network tab — 0 bytes of your data uploaded.
Three small jobs come up again and again with images: the file is the wrong size for an upload form, the framing needs trimming, or the format is not the one a site accepts. This editor handles all three together. Crop to the part of the photo that matters — freehand, or locked to an aspect ratio such as 1:1, 4:3 or 16:9 — then set the exact output width and height in pixels, pick JPG, PNG or WebP, adjust quality, and export. Doing the crop and the resize in a single pass also avoids the quality loss of saving and re-opening the image several times.
Common targets are easy to hit precisely: a 1200×630 sharing image, a square profile photo, a passport-style crop, or a WebP version of a heavy PNG for a web page. The aspect-ratio lock keeps width and height in proportion while you type either value, so portraits do not come out stretched.
The editor runs entirely in your browser using the canvas built into it. Your image is loaded from your device, edited in the page and exported straight back to your downloads — at no point is the photo sent to a server. That makes the tool safe for personal pictures, screenshots with private content and unreleased product images alike, and it works offline once the page has loaded.
Because everything is local, very large photos are limited only by your device's memory. If a huge camera file feels sluggish, resize it in steps — export once at a moderate size, then edit that copy — or simply close other heavy tabs while you work.
When you crop and resize an image in ImageEditor.tsx, the tool maps your interactive crop selection coordinates from preview CSS pixels back to the source image's naturalWidth and naturalHeight, then executes a single ctx.drawImage(image, sx, sy, sw, sh, 0, 0, targetW, targetH) call onto an off-screen HTML5 Canvas with high-quality bicubic smoothing enabled before calling canvas.toBlob(callback, mimeType, quality).
How to verify zero-upload execution in Browser DevTools: Open DevTools (F12 -> Network), clear the request log (or switch Network Throttling to Offline), and crop, resize, and export your photo. You will confirm zero outbound network traffic — the exported file is generated directly in browser RAM.
| Target Export Preset | Source → Output Dimensions | Output Format & Quality | Exported File Size | Canvas Draw + Encode Time |
|---|---|---|---|---|
| OpenGraph / Social Share Card (16:9 / 1.91:1) | 3000x3000 (crop 2400x1260) → 1200x630 | JPEG (quality 0.90) | 15.92 KiB (16,307 B) | 18.20 ms |
| OpenGraph / Web Hero Card (WebP) | 3000x3000 (crop 2400x1260) → 1200x630 | WebP (quality 0.90) | 8.24 KiB (8,434 B, -48.3% vs JPEG) | 66.90 ms |
| Square Avatar / Marketplace Tile (1:1) | 3000x3000 → 1000x1000 | JPEG (quality 0.92) | 12.92 KiB (13,230 B avg) | 9.62 ms |
Click “Select Image” and open a JPG, PNG or WebP file from your device.
Drag the crop handles to frame the part you want to keep; choose an aspect ratio preset if the destination requires one.
Enter the target width or height in pixels — with the aspect lock on, the other dimension updates automatically.
Choose the output format (JPG, PNG or WebP) and, for JPG and WebP, the quality level.
Export and download the finished image, then check it once at full size before using it.
Making a photo fit an upload limit or an exact pixel size required by a form, marketplace or CMS.
Cropping a square profile picture or a 16:9 cover image from a larger photo.
Converting PNG screenshots to WebP or JPG so they load faster on a website or blog.
Preparing product images to a consistent size before listing them in a shop.
Trimming margins and white borders from scans and screenshots before sharing them.
No. Loading, cropping, resizing and exporting all happen in your browser with its built-in canvas tools. Your image never leaves your device, and the editor keeps working if you disconnect after the page loads.
You can open JPG, PNG and WebP images, and export in any of those three formats. Choose PNG for graphics that need transparency or crisp text, JPG for photographs, and WebP when you want a smaller file for the web.
Keep the aspect-ratio lock on while resizing: changing the width adjusts the height proportionally (and the other way round). Cropping to the destination's aspect ratio first also prevents the squashed look in profile and cover slots.
For photographs, a JPG or WebP quality around 85–92% is a good balance: files shrink a lot with little visible change. Use 100% or PNG when the image will be edited further or contains fine text and line art.
You can set larger output dimensions, but enlarging cannot invent detail that is not in the original, so the result will look soft. It is fine for mild upsizing; for a much bigger print, start from a larger source image if you have one.
Exporting as JPG or WebP re-compresses the image once. Doing your crop, resize and conversion in this single session — rather than saving repeatedly in different tools — keeps that to one generation of loss.