Edit images and layered design files, including PSD documents, in a browser.
Everyday utilities
Squoosh
Compare image quality and file size while compressing images in the browser.
THE SELECTION NOTE
Why it’s here
Squoosh is included because the tradeoff is visible: smaller output versus lost detail. For a website image, the smallest file is useful only if the result still works at the size visitors will see.
Who it fits
Optimizing images before publishing a website.
A task to try: Compare two exports of one website image
- Open an image and note its starting dimensions and file size.
- Try two compression settings and inspect detailed areas.
- Keep the smaller export that still looks acceptable at its intended display size.
Where to be careful
Inspect text, edges, and transparency as well as photographs. Preserve the original so later edits do not compound compression loss.
RELATED BY PURPOSE
Other tools to consider
Different roles in the same workflow. Follow the reason, then compare.