Guide

Optimizing Images and SVG in the Browser

A practical way to inspect, convert, resize, compress and optimize images and SVG locally without uploading them.

Most image work — converting a format, resizing, compressing, reading metadata or rasterising an SVG — can run entirely in your browser, so the file never has to be uploaded.

01A safe order of operations

  • Inspect the file first: read its container, dimensions and metadata before changing anything.
  • Resize before compressing when you need a smaller file, because fewer pixels always shrink the payload.
  • Convert the format last, at the quality you actually need, and compare the before/after byte sizes.

02Choosing a format

PNG is lossless and keeps transparency, JPEG is widely compatible, and WebP usually gives the smallest file at a given quality. AVIF can be smaller still, but encoding it depends on the browser.

03SVG is not a raster image

SVG is markup. Optimize it conservatively — comments, editor metadata and whitespace — and export it to PNG only when a raster format is genuinely required.

Frequently asked questions

Are my files uploaded?
No. These tools read and process the file locally in your browser; nothing is sent to a server.
Why did my optimization save so little?
The SVG optimizer is deliberately conservative: it removes only content that cannot change the rendered result, so path data and definitions are left intact.

Sources

  1. PNG (Portable Network Graphics) Specification, Third Edition — W3C (accessed 2026-07-05)
  2. RFC 9649 — WebP Image Format — IETF (accessed 2026-07-05)