How to Improve Your Lighthouse Image Score
Lighthouse audits images across four checks: next-gen formats, proper sizing, efficient encoding, and LCP element optimisation. Each flagged image comes with an estimated savings value. This guide works through each audit systematically so you can clear them one by one.
Quick Answer
Lighthouse audits images across four checks: next-gen formats, proper sizing, efficient encoding, and LCP element optimisation. Each flagged image comes with an estimated savings value.
Try it now — free, no signup
Your images stay on your device. Nothing is uploaded to any server.
Step-by-Step Guide
5 steps · takes under 1 minute
Run Lighthouse and export the report
In Chrome DevTools → Lighthouse tab → run Performance audit. Under Opportunities, look for all four image checks. Note each failing image URL and its estimated savings.
Fix 'Serve images in next-gen formats'
Download each flagged image. Convert to WebP using the Format Converter. Upload WebP versions and update src attributes. Estimated saving: 30–50% of current image weight.
Fix 'Properly size images'
The flagged images are larger than their display size. For each: find the CSS display size, resize the image to that width (×2 for retina), re-upload. Use the Resize tool.
Fix 'Efficiently encode images'
These images are in the right format but not compressed enough. Download, compress at 80–85% quality in the Image Compressor, re-upload. Typical saving: 40–70%.
Fix LCP image
Lighthouse identifies your Largest Contentful Paint element. If it's an image: (1) compress it aggressively, (2) add fetchpriority='high' to its <img> tag, (3) add a <link rel='preload'> in the <head>. This tells the browser to download it first.
100% Private — Zero Uploads
ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.
Pro tip
Use 75–85% quality for web images — you get 60–80% smaller files with no visible difference at normal screen sizes.
Format & File Size Comparison
Same 1080×1080px photo processed four ways
| Format | Quality | File Size | Notes |
|---|---|---|---|
| PNG (original) | Perfect | 4.2 MB | No compression — too large for web |
| Compressed PNG | Visually identical | 1.1 MB | −74% — transparency preserved |
| JPG (85% quality) | Excellent | 310 KB | −93% · Best for photos |
| WebP (85%)BEST | Excellent | 205 KB | −95% · Recommended for web |
Based on a 1080×1080px photo. Results vary by image content and complexity.
Related Free Tools
All tools run in your browser — no account or upload needed
Frequently Asked Questions
4 questions answered
Ready to get started?
Free, instant — your files stay on your device. Always.
Fix Lighthouse Image Issues