all projects

live imgsmash.com

ImgSmash

Crush image sizes, keep the quality.

ImgSmash's upload screen on a desktop, laptop, tablet and phone

What it is

Converts PNG, JPG, HEIC and WebP images to WebP right in the browser with createImageBitmap and Canvas, so nothing gets uploaded. When WebP comes out bigger than the source it offers candidates at other quality levels instead of failing, and batches download as a zip.

Stack

  • Vue
  • TypeScript
  • Vite
  • Canvas API
  • JSZip

Screenshots

Writing about ImgSmash

  1. Web dev

    Building ImgSmash

    A browser-based image compression tool that processes images locally using the Canvas API.