Image Compressor

Re-encode the image as image/webp at quality 60 to reduce its size.

How it works

• Decode the local file with the browser's image decoder.
• Draw it at its original dimensions onto a canvas.
• Encode the canvas as image/webp at quality 60.
• Report the source and output byte sizes so the reduction is explicit.

• Higher quality means a larger file; the mapping is the browser encoder's own.

Methodology

1. Decode the selected file locally; refuse an undecodable or oversized file with a named finding.
2. Re-encode the decoded pixels as JPEG, WebP or AVIF at the requested quality (PNG is refused because it has no quality control).
3. Report the source and output byte sizes; a negative reduction is shown honestly rather than hidden.

Usage

1. Choose or drop an image.
2. Pick a lossy output format and a quality value (lower is smaller).
3. Run the compression to see the source and output sizes, then download the smaller file.

Examples

These are examples, not current values: they use fixed inputs, while the interactive tool computes live results in your browser.

WebP at quality 60

{
  "sourceMime": "image/jpeg",
  "sourceWidth": 1600,
  "sourceHeight": 900,
  "outputType": "image/webp",
  "quality": 60
}

JPEG at quality 40

{
  "sourceMime": "image/jpeg",
  "sourceWidth": 800,
  "sourceHeight": 600,
  "outputType": "image/jpeg",
  "quality": 40
}

Limitations

Quality is the encoder's own

The quality value is passed straight to the browser's canvas encoder. The tool does not invent a compression ratio or a target byte size; it reports the real output size so you can choose a value that meets your budget.

A smaller quality usually means a smaller file and lower fidelity; the page documents the mapping rather than claiming a guaranteed saving.