Resize, crop and re-encode images entirely in your browser, then compare quality settings and file sizes side by side. Nothing is uploaded — the image never leaves the page. Imported Claude artifact. Source: https://github.com/simonw/tools (image-resize-quality.html, Apache-2.0).

Open app ↗ Browse all apps

Details

PricingCompletely free

Security scanClean — skill and frontend scanned

Source simonw/tools

Created2026-08-24

Updated2026-08-24

View source prompt + release files — fork-enabled apps share their full source

System prompt (SKILL.md)

---
name: image-resize-quality
description: Resize, crop and re-encode images entirely in the browser, comparing JPEG/WebP quality settings and file sizes side by side.
metadata:
  tags:
    - artifact-import
    - media
  source_url: https://tools.simonwillison.net/image-resize-quality
  github_repo_url: https://github.com/simonw/tools
---

# Image Resize & Quality Comparison

An imported Claude artifact. Drop in an image, pick target dimensions and a
crop, then compare the same picture re-encoded at several quality levels with
the resulting file sizes shown for each.

Everything runs client-side on a `<canvas>` — the image never leaves the
browser, nothing is uploaded, and no model is called, so running this app
costs nothing.

Release files (files)

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.