Why it matters
Images are usually the heaviest part of a web page, and the main reason pages are slow on phones. A photo straight from a camera can be 5 MB; the same photo as a 1200px WebP is often under 150 KB and looks the same on screen.
Serving the right size to each screen with srcset helps your Largest Contentful Paint, one of Google's Core Web Vitals. Most online compressors upload your files to their servers. This one does the work on your device with the browser's own image encoders, so client photos and unreleased designs stay private.
How to use it
- Choose or drop one or more images.
- Pick the format and quality. 75 to 85% is a good balance for photos.
- Tick the widths you want for srcset, then press Convert again if you change settings.
- Download files one by one or as a zip, and copy the <picture> code.
FAQ
Which format should I use?
WebP is shown by every current browser and is usually 25 to 35% smaller than JPEG at the same quality. AVIF is smaller still, but few browsers can create it from a web page yet.
Why isn't AVIF (or WebP) in the list?
This tool uses your browser's own image encoders, and only lists the formats your browser can create. If WebP is missing (some versions of Safari), open the page in Chrome, Edge or Firefox, or use JPEG.
Are my images uploaded?
No. They're decoded and converted on this device, so it works offline and nothing is stored or sent.
Does it keep the photo's location data?
No. Converting through a canvas drops EXIF data such as GPS location, which is usually what you want for the web.
