Drop in your photos and graphics to get WebP, AVIF and JPG copies at the widths your pages need, with camera data removed. See how much smaller each one is, download them all as a .zip, and paste the srcset code. Your images never leave this device. It is free.
How to optimise images for a website, step by step
- Choose images or drop them on the page. JPG, PNG, WebP, AVIF and GIF files work.
- Tick the Widths you want, from 480 to 2560. Images are never made larger than the original.
- Choose the Formats: AVIF, WebP, a JPG fallback, and PNG for transparent images.
- Set the Quality, the sizes attribute and the Image folder on your site, and press Redo with these settings if you change them.
- Compare Before and After, then press Download all (.zip).
- Copy the picture code for each image and paste it into your page.
Why several widths?
A phone does not need the same 2000 pixel photo as a large monitor. With srcset, you list several widths and the browser picks the smallest one that still looks sharp on that screen. The sizes attribute tells it how wide the image will be shown, so it can choose before the page has finished laying out.
AVIF, WebP or JPG?
AVIF is usually the smallest, WebP is close behind and works in every current browser, and JPG is the safe fallback. The picture code offers them in that order, so each browser takes the best one it understands. Transparent images get a PNG fallback instead of JPG so the transparency is kept. If a format is greyed out, this browser cannot create it; the other formats still work.
What gets removed
Every image is redrawn and saved fresh, so camera details, GPS location, editing history and embedded colour profiles are left out. Photos taken sideways are turned upright first. Quality around 75 to 82 is a good balance for photos; graphics with sharp edges may look better a little higher.
Why it matters
- Smaller images make pages load faster, especially on phones.
- Faster pages are easier to use and tend to do better in search.
- Removing location data protects the privacy of the people and places in your photos.
- Right-sized images save bandwidth for you and your visitors.
Who uses it
Bloggers, shop owners, photographers and developers who want pictures that look sharp and load quickly. For a single image at a given file size, use the image compressor, and to change a file type, the image converter.
Questions
What quality should I choose?
Around 75 to 82 is a good balance for photos. Raise it a little for graphics with sharp edges.
Do I need AVIF if I have WebP?
AVIF is usually smaller, and the picture code falls back to WebP and JPG for browsers that cannot show it.
Are my images uploaded?
No. They are processed in your browser.