FileCrisp
Image Tools8 min read

How to Reduce Image
File Size for Website

Large images are the #1 cause of slow websites. A single unoptimised photo can add 4–6 seconds to your load time — costing you rankings and customers. Here's exactly how to fix it, without losing visible quality.

Instant compressionPNG · JPEG · WebPFiles never uploaded
yoursite.com
Before optimisation4.2 MB
Page load time6.8 s
Google PageSpeed38 / 100
After optimisation180 KB
Page load time0.9 s
Google PageSpeed96 / 100
Same visible quality. −96% file size. Processed entirely in your browser.

0%

Average size reduction

4.2 MB PNG → 180 KB WebP, same visible quality

0%

Of web page weight is images

Images are the #1 performance bottleneck

0

Files sent to any server

Entirely in-browser via WebAssembly

Note

What this guide covers: Why images get large, which format to choose, how to compress without quality loss, and 6 pro tips for web performance. Each section links directly to the free tool.

Why Are My Images So Large?

Modern cameras and design tools export images at full resolution — meant for print, not screens. A photo taken on an iPhone 15 is a 48-megapixel, 12+ MB file. Your website visitor's screen is 1920 pixels wide and doesn't need even 10% of that data.

Same photo — four ways to save it

Visually identical at 90% zoom. Dramatically different file sizes.

Hero photo (unoptimised)

4.2 MB

JPEG quality 80%

310 KB

WebP quality 80%

185 KB

WebP quality 65%

90 KB

The Three Root Causes of Oversized Images

01

Wrong format

Saving a photo as PNG instead of JPEG or WebP adds 5–15× the file size with zero visible improvement. PNG is lossless — it stores every pixel exactly.

02

Excessive resolution

A 6000×4000 export looks identical to a 1200×800 version on screen. Reducing dimensions by 5× reduces file size by up to 25× before even compressing.

03

No compression applied

Most design tools export at 100% quality by default. Dropping to 80–85% quality is invisible to the human eye but cuts file size in half.

−96%

Average reduction when combining format conversion + compression. A 4.2 MB PNG → 180 KB WebP.

PNG vs JPEG vs WebP — Which Should You Use?

Format choice is the single biggest lever for file size. Picking the wrong format can make your images 10× larger than they need to be.

JPEG.jpg / .jpeg
Typical file size~80–200 KB
Tiny file sizes
Universal browser support
Great for photos
Lossy — quality degrades
No transparency support
Not for logos/text
Best for: Photos, blog hero images, product shots
PNG.png
Typical file size~300 KB – 4 MB
Lossless quality
Supports transparency
Sharp text & edges
Much larger than JPEG
No animation support
Overkill for photos
Best for: Logos, icons, screenshots, UI mockups
Recommended
WebP.webp
Typical file size~50–120 KB
25–34% smaller than JPEG
Supports transparency + animation
Best overall quality ratio
Not supported in very old email clients
Some legacy software gaps
Best for: Everything — the modern default for web

Quick rule: Use WebP for everything on the web. Fall back to JPEG for photos in email / legacy systems. Use PNG only when you need transparency or pixel-perfect sharpness (logos, icons).

Ready to compress your images?

Free, private, and instant — handles PNG, JPEG, and WebP in a single click.

Free forever
No uploads · 100% private
Compress Images Free

How to Compress Images in 4 Steps (Free)

No account, no install, no upload. FileCrisp runs entirely in your browser.

1

Drop your image

Drag any PNG, JPEG, or WebP file onto the tool — or click to browse. You can drop multiple files at once for batch compression. Nothing is uploaded to any server.

Supported: PNG · JPEG · WebP
2

Set quality level

The default quality of 80% is the sweet spot — invisible quality loss, maximum size savings. Push to 65% for even smaller files on photos where sharpness isn't critical.

Recommended: 75–85%
3

One-click compress

Hit Compress. FileCrisp processes your image entirely in your browser using WebAssembly — no server, no queue, no waiting. Large batches stream through without freezing the tab.

Typically done in < 1 second
4

Download optimised file

Your compressed image is ready instantly. Download individually or grab all as a ZIP. The output filename is unchanged — just smaller.

Individual or bulk ZIP download
Pro tips

6 Tips to Get the Most Out of Image Compression

These best practices will cut your images to the bone without any visible quality loss.

Resize before you compress

If your image is 4000px wide but will only display at 800px, resize it first. File size scales roughly with pixel count — a 5× width reduction = 25× fewer pixels = dramatically smaller file even before compression.

Use WebP everywhere you can

WebP is supported in all modern browsers (Chrome, Safari, Firefox, Edge). It produces images 25–34% smaller than JPEG at the same quality. Unless you're sending files in email, always output WebP.

Quality 80% is the sweet spot

Quality above 85% adds significant file size with no visible improvement. Quality below 70% starts showing artifacts on sharp edges and text. 75–82% is optimal for most web photos.

Don't compress already-compressed images

Re-compressing a JPEG degrades quality without proportional size savings — each compression cycle introduces more artifacts. Always work from the original export.

Batch compress for consistency

FileCrisp accepts multiple files at once. Drop your entire images folder and compress everything in one click with the same settings — much faster than handling files individually.

Check Core Web Vitals after

Use Google PageSpeed Insights or Lighthouse to measure the impact. Images under 200 KB rarely block LCP (Largest Contentful Paint). Aim for your hero image to be under 150 KB.

FAQs

Frequently Asked Questions

Everything you need to know — answered plainly.

Compress Your Images Free

No account, no upload, no file size limits. Process an entire batch in seconds.

No account needed
Files stay on your device
Instant results