Project
Roulette

Image Optimiser

Drop images in, tune the quality, watch the file size drop.

IntermediateWeb appTool10–20hAI-buildable 4/5no setupworth shipping

Batch image compression entirely in the browser: resize, re-encode to modern formats, and compare before and after at various quality levels. Nothing is uploaded anywhere, which is both a privacy feature and the technical constraint that makes it interesting.

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 7

  • Drop multiple images to process at once
  • Resize to a maximum dimension preserving aspect ratio
  • Re-encode with an adjustable quality setting
  • Before and after file sizes show per image with the saving
  • A side-by-side comparison shows visual quality loss
  • Processing happens off the main thread so the UI stays responsive
  • Download individually or as a batch

The interesting part

  • Encoding large images without freezing the tab
  • Preserving orientation from EXIF before it is stripped
  • Memory pressure when processing many large files at once

Once it works

  • Add WebP and AVIF output
  • Add automatic quality selection targeting a file size
  • Add EXIF stripping with an explicit toggle

Suggested stack

reacttypescripttailwindcanvas-api

Track it