A small workbench for images headed to the web

A desktop monitor displaying a photograph in an image editor

Over deze selectie

A focused image toolkit for editing a source, comparing compression, cleaning SVG, and checking a small animation.

Preparing an image is usually a sequence of decisions: what to keep, how large it should be, which format fits, and how much quality to trade for size. These tools have separate roles, so choose the one that matches the file in front of you. Keep an untouched original and judge the exported result at the size people will actually see.

Try this first

Start with one image and decide its intended display dimensions. Crop or edit first, then compare compression settings. If it is SVG, inspect the optimized shape; if it is animated, check timing and transparency as well as size. Open the exported file before replacing the original in your page.

Keep in mind

Tools differ in local processing, uploads, format support, and limits. Check current handling before using sensitive files, especially with online converters. Reducing dimensions or animation complexity can matter more than another round of compression.

4 links/In de volgorde van de curator

Link 1Engels

Squoosh

Compare compression settings with a visible before-and-after view. Check fine text and edges at the intended display size before choosing the smaller file.

squoosh.app

Link 2Engels

SVGOMG

Inspect the effect of SVG optimization options. Keep the source and check that shapes, clipping, and other visible details survive the changes.

jakearchibald.github.io

Link 3–

Photopea

Edit and crop images in a browser-based editor. Check the exported dimensions and file format rather than assuming the working document is ready to publish.