Compress Mobile Hero Image (Under 150 KB WebP)
The above-fold mobile hero is the LCP element on most sites. Keep it under 150 KB.
Your images stay on your device. Nothing is uploaded.
On most mobile-first sites the hero image is the LCP element measured by Core Web Vitals. To keep LCP under 2.5 seconds on a typical 4G connection, the hero needs to arrive in under 150 KB.
This preset produces a 1200 px WebP at quality 80 — retina-safe at typical mobile viewports, CWV-compliant.
Related tools
Frequently asked questions
- How much can I shrink images for mobile hero image?
- Typical reductions are 60–85% with no visible quality loss using the defaults on this page. On most mobile-first sites the hero image is the LCP element measured by Core Web Vitals. To keep LCP under 2.5 seconds on a typical 4G connection, the hero needs to arrive in under 150 KB.
- What format is best for mobile hero image?
- The default format for mobile hero image is WEBP at the preset above — chosen for the format's rendering compatibility and byte efficiency in this context.
- Will compression break transparency or animation?
- Transparency is preserved when the output format supports it (PNG, WebP, AVIF). Animation is preserved for animated WebP. JPEG output flattens transparency to white.
- Can I compress dozens of images at once?
- Yes — use the bulk compressor. Drop a folder or multi-select files; the queue processes them in order with progress per file, and you can download all results as a ZIP.
- Do my images get uploaded anywhere?
- No. The tool runs entirely in your browser — important for client work, internal assets, and anything not yet published.
Optimise the rest of your mobile hero image assets.
Use the bulk compressor to process a folder in one go. Everything runs locally.
Start compressing