Image cropper — drag to crop, fixed ratios (1:1 / 16:9 / 9:16 / 4:3), zoom, rotate, fully client-side.
- Runs locally
- Category Generator
- Best for Starting from a blank page without committing to the first result.
100% local. Nothing leaves your browser.
What this tool does
A 100% in-browser image cropper. Drop in a JPG, PNG, or WebP, drag the handles to frame the part you want, or lock an aspect ratio (1:1 for avatars, 9:16 for Reels / TikTok, 16:9 for thumbnails, plus the exact pixel sizes for Instagram, Douyin, Weibo head shots and WeChat moments covers). Zoom in to pixel-peep, rotate in 90-degree steps when the camera held the phone sideways, then export to JPEG or PNG with a quality slider. Nothing is ever uploaded — the original file is decoded with `createImageBitmap`, cropped on an off-screen canvas, and saved via `toBlob`. Open DevTools' Network panel while you crop, request count stays at zero. Total payload ~22 KB, no external image library, works offline once the page is cached. The crop rectangle supports both mouse drag and touch, so the same tool that trims your laptop screenshot also trims the photo your aunt just sent you on your phone.
Tool details
- Input
- Files + Numbers
- The page exposes text boxes, numeric controls, file pickers, or structured inputs depending on the tool.
- Output
- Live result + Copy + Download
- The result area focuses on usable output, with copy, download, or preview actions when supported.
- Privacy
- Browser-side processing
- The main tool logic does not call an external API, so inputs normally stay in the current tab.
- Save / share
- No account required
- Open the page and use it; whether results survive refresh depends on the tool.
- Performance budget
- Initial JS <= 22 KB
- No WASM budget is declared, keeping the tool quick to open on mobile.
- Best fit
- Generator · Designer
- Category and role tags drive related tools, internal links, and quick fit checks.
How to use
-
1. Input
Paste or drop your content into the tool panel.
-
2. Process
Click the button. All processing is local in your browser.
-
3. Copy / Download
Copy the result or download to disk in one click.
How Image Cropper fits into your work
Use it to get a strong first draft, starter asset, or structured output that you can edit before publishing.
Generation jobs
- Starting from a blank page without committing to the first result.
- Creating repeatable drafts, names, templates, or placeholder assets.
- Exploring options before choosing the one that fits the job.
Generation checks
- Review generated output before it reaches a customer, page, or document.
- Change defaults when you need a specific brand voice, format, or audience.
- Keep only the parts that match the real task.
Good next steps
These links move the current task into a more complete workflow.
- 1 Avatar Generator Generate avatars from initials, identicons, or random shapes. Download PNG/SVG. Open
- 2 Image Resizer Image resizer — resize JPG/PNG/WebP by pixels/%/preset, fully client-side, no upload. Open
- 3 Image Format Converter Image format converter — JPG ↔ PNG ↔ WebP ↔ AVIF, batch + transparent background handling, 100% client-side. Open
Real-world use cases
Cut one product photo into Instagram square, story, and Shopify hero
A small shop owner shoots a mug on a windowsill at 4032×3024. They load it once, tap the 1080×1080 preset and drag the box over the mug for the feed post, switch to 1080×1920 for the story, then to 16:9 for the Shopify banner. Three exports from one source in under a minute, no re-upload between sizes, and every crop frames the mug instead of letting the platform auto-crop chop the handle.
Crop a private chat screenshot before pasting it into a bug ticket
A support engineer grabs a full 1170px-wide phone screenshot but only the error toast at the bottom matters. They drag the box around the toast, leave format on PNG so the text stays crisp, and the customer's name, avatar, and the messages above never leave the browser. Network panel shows zero requests, so nothing private hits a third-party crop server on the way into the ticket.
Square up a LinkedIn headshot from a wide event photo
Someone has a nice 16:9 conference photo where they are off to the left. They pick the 1:1 preset, drag the locked square onto their face with a bit of headroom, zoom in to check the eyes are sharp, and export at JPEG quality 90. The result drops straight into the 400×400 LinkedIn slot without the platform's uploader squashing the group behind them into the frame.
Rotate and trim a sideways receipt photo for an expense report
A photo of a receipt comes out rotated because the phone was held landscape and the editing app stripped EXIF. One tap on rotate turns it upright, then a free-form crop cuts the table and clutter around it. Export to JPEG keeps the file small enough to attach to the expense tool, and the GPS tag that was in the original is gone after the Canvas re-encode.
Common pitfalls
Re-cropping an already-saved JPEG over and over: each save re-encodes and degrades the image, so a photo cropped five times looks visibly mushy. Crop once from the original PNG or RAW if you have it.
Picking JPEG for a logo or icon with transparency turns the transparent pixels solid white. For example a PNG logo on a transparent background ends up sitting in a white box. Keep the format on PNG for anything with alpha.
Assuming EXIF survives the crop is a trap: the exported file has no GPS, camera model, or timestamp because Canvas drops them all. Do not use this tool when you need metadata preserved for an archive; use a server or desktop tool instead.
Privacy
Your image never leaves this tab. The file is decoded with `createImageBitmap`, cropped on an off-screen canvas, and re-encoded with `toBlob` entirely on your device, so the Network panel shows zero requests while you crop. Nothing about the photo goes into the URL or onto a server. The re-encode also strips all EXIF, including GPS and camera data, so an exported crop carries no hidden location trail.
FAQ
Tool combos
Folks in your role tend to reach for these alongside this tool.
- Aspect Ratio Calculator Calculate aspect ratio — fix any 1 of [width, height, ratio], get the other two.
- Base64 Encoder & Decoder Encode or decode Base64 — text, files, and Data URLs. Runs entirely in your browser.
- Base64 Image Converter Image ⇄ Base64 — drag-drop PNG/JPG/WebP/SVG, get data URI for CSS / HTML / Markdown.
- Base64 to File Converter Paste raw Base64 or a data URL, decode it locally, inspect bytes, and download the reconstructed file.