Realm by Rook
AI product engineeringProduct designAI implementationWorkflow automationSystems integrationDomain strategyAI product engineeringProduct designAI implementationWorkflow automationSystems integrationDomain strategy
Developer & Technical Tools

Image Compressor & Resizer

Resize and compress images to WebP/JPEG/PNG in the browser

Your image is processed entirely in your browser— nothing is uploaded or stored on our servers. It's cleared from memory when you leave this page or click Clear.

How to use

  1. Upload an image
  2. Set target dimensions and output format
  3. Adjust quality to reach your size target
  4. Download the compressed image

Use cases

  • Web optimization
  • OG image prep
  • Social media resize
  • Format conversion

About the Image Compressor & Resizer

Modern websites demand fast-loading images: every extra KB is lost conversions. WebP cuts image weight by a third vs. JPEG with equivalent quality, and PNGs are often 5-10× bigger than they need to be. This tool resizes and recompresses in your browser — perfect for prepping OG images, blog hero shots, or avatars before upload.

Features

  • Resize by exact width/height with aspect-ratio lock
  • Quality slider (10% – 100%)
  • Output format: WebP, JPEG, or PNG (lossless)
  • Live before/after comparison with size savings %
  • Preset dimensions (Full HD, OG image, Instagram square, story, favicon)
  • Fully client-side — images never uploaded

How it works

  1. Upload an image (drag, or click the dropzone).
  2. Set target width/height and output format.
  3. Adjust the quality slider and watch file size change live.
  4. Download the compressed image.

Frequently asked questions

Is my image uploaded to a server?

+

No. All encoding runs in your browser via the Canvas API. No uploads, no logging, nothing leaves your device.

Which format gives the smallest file?

+

WebP beats JPEG by 25-35% at the same visual quality, and beats PNG for photos. Use WebP unless you need IE 11 support (in which case, you have bigger problems).

Why does quality do nothing for PNG?

+

PNG is lossless — the quality slider only affects lossy formats (WebP and JPEG).

What's the maximum image size?

+

The browser will typically handle images up to several hundred MP, but canvas memory becomes a bottleneck around 8192×8192. For bigger images, crop first.

Can I batch-process many images?

+

This version processes one image at a time. Batch mode is on the roadmap.