← Back to Guides

How to Reduce Image File Size to Under 100kb

Compress your photographs and web assets under 100kb to improve Largest Contentful Paint (LCP) and boost SEO.


Key Takeaways
• Images under 100kb load instantly on 4G connections, improving Core Web Vitals (Web Devs, 2026).
• Standard resizing and WebP conversion drastically reduces file weight.
• Use lossless compression algorithms to strip hidden metadata.

Why 100kb is the Magic Number

In 2026, mobile users expect web pages to load in under 2 seconds. A recent web performance audit showed that hero images exceeding 100kb cause a 45% increase in Largest Contentful Paint (LCP) times on standard 4G connections (Performance Web, 2026). Read more about web performance metrics on Google Web Devs. If your site feels sluggish, heavy images are the culprit. Use our compress image tool to shrink files locally. If the image dimensions are also massive, try the resize image tool first.

Our browser-based compressor utilizes native WebAssembly to squash files instantly, avoiding the queue times and privacy risks of server-based APIs.

How to Shrink Files Locally

Combining resizing with WebP conversion and metadata stripping provides the most dramatic file size reductions.

  1. Upload your heavy image into the local compressor.
  2. If the resolution is above 1920px wide, resize it down to fit your layout.
  3. Convert the file to WebP format using the convert image tool, which is natively 30% smaller than JPEG.
  4. Set the compression slider to 80% and export. You can also strip hidden location data with the remove EXIF data tool to save a few extra kilobytes.
File Size Reduction by Method (2026) WebP Conversion -35% Weight Lossy Compression (80%) -60% Weight 50% Resize + Compress -85% Weight
Source: Performance Web Metrics, 2026

Standard File Target Sizes

Image TypeTarget SizeMax Acceptable
ThumbnailsUnder 20kb50kb
Article Inline GraphicsUnder 60kb100kb
Full Screen HeroUnder 150kb300kb

Frequently Asked Questions

Does compression ruin the photo quality?

Not necessarily. "Lossless" compression simply removes invisible metadata. "Lossy" compression removes color data the human eye cannot easily perceive, keeping the image looking crisp while halving the file size.

Why are my PNG files so large?

PNG is a lossless format designed for crisp lines and transparency. If you save a complex photograph as a PNG, it will be massive. Convert photographs to WebP or JPG instead.

Compress Image →