Image Studio
🔒 Runs in your browser
🔒 Your image is never uploaded — cropping, resizing and compression run entirely in your browser.
One image, three edits, one preview
Image Studio rolls the everyday photo chores into a single pass. Crop selects the region you care about with pixel-precise X, Y, width and height — the selection box tracks your numbers over the original and any value past the edge is clamped back inside. Resize then sizes that region: Fit within shrinks it into a bounding box (the 1920, 1280 and 800 px presets cover most email, web and messenger limits) without ever enlarging it; Percent scales by a factor; Exact sets precise pixels with an aspect-ratio lock. Finally the quality slider decides how hard JPEG or WebP compresses the result. The before/after panes update as you go, so you can trade size against sharpness by eye.
High-quality resampling, entirely on your device
Downscaling with a plain canvas call tends to produce soft, aliased results. This tool resamples
through the open-source pica library instead, which applies a proper convolution filter
— the same approach desktop photo editors use — before encoding to JPEG, PNG or WebP at the quality
you choose. The whole pipeline (decode, crop, resample, re-encode) runs in your browser: the photo is
never uploaded, so a private picture stays exactly as private as it was on your disk.
Which output format to pick
JPEG is smallest for photos but has no transparency — any transparent areas are flattened onto white. PNG is lossless and keeps transparency, ideal for screenshots, logos and flat-colour graphics. WebP usually lands 25–35% smaller than JPEG at the same visual quality and is supported by every current browser. "Same as original" keeps your input format where it can, converting only when a lossy re-encode is the point.
Frequently asked questions
Is my image uploaded when I edit it?
No. Decoding, cropping, resizing and re-encoding all run in your browser — the open-source pica library does the high-quality resampling on your device, and nothing is transmitted or stored.
How do crop, resize and compress work together?
They apply in that order. The crop rectangle selects a region first; the resize mode then sizes that region (fit within a box, by percent, or to exact pixels); finally the quality slider sets how hard JPEG or WebP compresses the result.
How do I crop to an exact region?
Type the crop X, Y, width and height in pixels — the selection box updates over the preview, and any value past the image edge is clamped so the crop always stays inside the picture. Reset to full frame with one click.
Which output format should I pick?
JPEG is smallest for photos; PNG is lossless and keeps transparency; WebP usually beats JPEG at the same visual quality. "Same as original" keeps the input format where it can.