Skip to content
SnapTools

Website Image Optimization

Runs in your browser

Prepare a batch of photos for the web: downscale oversized images, convert them to WebP, compress each one below 200 KB, and package the results.

Why this recipe exists

Images are the single biggest cause of slow pages. A camera photo is typically 4000 pixels wide and several megabytes, while a website rarely displays anything wider than about 1600 pixels. This recipe fixes all of it in one pass: it downscales anything oversized, re-encodes to WebP (typically 25–35% smaller than JPEG at the same visual quality), compresses each file to fit a 200 KB budget, and packages everything into a single ZIP. Every step runs in your browser — the images are never uploaded, and because each one is re-encoded, EXIF and GPS metadata are discarded along the way.

What it does

  1. Downscale anything wider than 1600px
  2. Convert to WebP and compress under 200 KB
  3. Verify every file is under 200 KB
  4. Package the results

FAQ

Are my images uploaded to a server?
No. Decoding, resizing and re-encoding all happen in your browser using the Canvas API. Nothing is transmitted and nothing is stored.
Why WebP instead of JPEG?
WebP typically produces files 25–35% smaller than JPEG at equivalent visual quality, and every current browser supports it. If your browser cannot encode WebP, the recipe falls back to JPEG automatically.
What if an image cannot reach 200 KB?
The compressor lowers quality first, then progressively downscales. If a file still cannot fit, it is reported in the results rather than silently left oversized.

Other recipes