FlowToolkit
Utility

Image Studio

Resize, crop, compress, convert format, and remove background — all in your browser.

Loading tool…

About this tool

A full image toolbox: resize with aspect lock, crop with a draggable selector, compress for the web, convert between PNG / JPEG / WebP, and remove the background using a local ML model. Files never leave your device.

A complete image toolbox in your browser

Most online image editors require an upload, a sign-up, or a watermark on the output. The Image Studio works differently: every operation runs locally using the HTML5 canvas API and a small machine-learning model that downloads once and stays cached. Your photos never touch a server.

The tool combines five common workflows that usually require separate apps: resize, crop, compress, convert format, and remove background. Each output is delivered as a downloadable file with no quality loss other than the lossy compression you choose to apply.

Operations

  • Resize with aspect-ratio lock — scale to a specific width, height, or longest edge.
  • Crop with a draggable selector and live aspect-ratio presets (square, 16:9, 4:3, 3:2).
  • Compress JPEG and WebP with a quality slider; preview the resulting file size in real time.
  • Convert between PNG, JPEG, and WebP — useful when shrinking a PNG screenshot for the web.
  • Remove the background using a transformer-based model that runs entirely in the browser.

How background removal works

The background remover loads a compact machine-learning model (around 10 MB) the first time you use the feature. The model identifies the foreground subject and emits a transparent PNG. Because the model runs in your browser via WebAssembly, no image is ever uploaded. The first run takes a few seconds to download the model; subsequent runs are instant.

Frequently asked questions

Which formats are supported?

PNG, JPEG, and WebP for input and output. Any format your browser can decode (including AVIF in modern browsers) is accepted as input.

How does background removal work?

A small machine-learning model is downloaded once (about 10 MB) and cached. It identifies the foreground subject and outputs a transparent PNG. The model runs entirely in your browser via WebAssembly.

Will compression reduce quality?

JPEG and WebP are lossy formats. Adjust the quality slider to balance file size and visual fidelity. PNG is lossless — quality is unaffected by compression.

How do I convert PNG to JPG?

Open the image, switch the output format to JPEG, optionally adjust the quality, and download. Conversion happens locally.

How do I convert JPG to WebP?

Open the JPEG, switch the output format to WebP, and download. WebP files are typically 25 to 35 percent smaller than equivalent JPEG.

Can I resize an image without losing quality?

Shrinking is generally lossless visually because you have more pixels than needed. Upscaling adds pixels and softens detail. For best results, only scale down.

What aspect ratios are available for cropping?

Free crop, 1:1 (square), 4:3, 3:2, 16:9, and 9:16. Lock or unlock the ratio at any time.

Is there a file size limit?

No. Limits depend on your device memory. Modern laptops handle source images up to about 50 megapixels comfortably.