Image Optimizer
Compress
The canvas previews the compressed result live as you adjust the settings. Click Compress for the exact size and a before/after split — drag the divider to judge the quality, then download. The original file is never modified.
Your images are processed locally in your browser and never uploaded to any server.
Optimizing an image for the web means two things at once: pixels it does not need, and a format that compresses them well. This tool does both in one pass, capping width at the size your layout actually displays and re-encoding to WebP, AVIF or JPG, entirely in your browser.
Serving an 4000px phone photo into a 800px card slot wastes more bytes than any quality slider can recover. Right-sizing first, then compressing, is the correct order; this optimizer automates it.
How to use the image optimizer
- Add the images your website or app serves (up to 30 at once).
- Choose how wide images should be: 1920px for heroes, 1280px for content, 800px for cards. Smaller images are never enlarged.
- Pick the output format (WebP is the modern default) and quality.
- Download the optimized files individually or as one ZIP.
Frequently asked questions
What is the difference between optimizing and compressing?
Compression adjusts quality and format only. Optimization also right-sizes the image: anything wider than your chosen maximum is scaled down proportionally first. Since pixel count drives file size more than anything else, right-sizing plus compression together yield far smaller files than either alone.
Which max width should I pick?
Match the largest size the image renders at, doubled for retina: full-width heroes 1920px, standard content images 1280px, cards and thumbnails 800px. When unsure, 1920px is the safe web default; images already narrower than the limit pass through untouched.
Does optimizing help SEO?
Indirectly, yes: page weight and Core Web Vitals (LCP in particular) are ranking inputs, and images are usually the heaviest part of a page. Smaller, correctly-sized images are the single most effective performance fix most sites can make.
Which output format should I choose?
WebP as the default: universally supported and 25–35% smaller than JPG. AVIF when your audience is on current browsers and you want the absolute smallest files. JPG only for destinations that refuse modern formats.