Optimize Images for the Web
Optimize an image for the web: crop it, adjust size and format, and compress it. All runs in your browser.
Your progress is stored only in your own browser (localStorage) and is not transmitted to our servers. Third-party resources (e.g. advertising and analytics from Google/Cloudflare) may transfer data when loaded.
This workflow guides you through the following steps:
- 1. Filter image Apply a filter or effect to your image.
- 2. Resize and crop Adjust output size and crop.
- 3. Convert format Convert the image to another format.
- 4. Compress image Reduce file size without visible quality loss.
Interactive workflow loading …
What you get at the end
A cropped image in the right format with a sensible size and small file.
Why these steps in this order
Crop first, then resize, then format, then compress. You never rework a file you will throw away.
More background
Which image format for which purpose
Frequently asked questions
Where is my data stored?
Your playbook progress is saved in your own browser using localStorage. Nothing you enter is uploaded to our servers. Clearing your browser data resets the workflow.