JPG is the most widely used image format on the web, and for good reason — it compresses photographs efficiently while maintaining visual quality. But not all JPG files are created equal. A photo straight from your camera can be 5-15 MB, while the same image optimized for web should be under 200 KB.
This guide covers everything about JPG compression: how quality settings work, what to strip, when to use progressive encoding, and how to hit the right size targets for web pages and email.
Understanding JPG Quality Settings
JPG compression works by dividing the image into 8x8 pixel blocks and applying a mathematical transformation (DCT) that separates visible detail from imperceptible information. The quality slider controls how aggressively this imperceptible information is discarded.
The Quality Scale
Most tools use a 1-100 scale, though the exact interpretation varies slightly between encoders.
| Quality | What Happens | Visual Result |
|---|---|---|
| 95-100 | Almost no data discarded | Indistinguishable from original |
| 85-90 | Minor high-frequency detail removed | No visible difference at normal viewing |
| 75-80 | More detail removed, slight smoothing | Barely noticeable on close inspection |
| 60-70 | Visible smoothing in detailed areas | Acceptable for thumbnails |
| Below 50 | Heavy blocking artifacts | Generally unacceptable |
The Sweet Spot: 80-90%
For web and email, quality 80-90% delivers the best results. At this range:
- File size is typically 60-75% smaller than the original
- No visible difference at screen viewing distances
- Text overlaid on the image remains legible
- Colors stay accurate
Going below 80% saves relatively little additional space while introducing noticeable artifacts, especially around text, edges, and areas of high contrast.
EXIF Metadata: The Hidden Bloat
Every photo from a digital camera or smartphone contains EXIF metadata — information about the camera, lens, GPS location, date, orientation, and shooting settings. This data can add 50-200 KB per image and serves no purpose for web display.
What EXIF includes:
- Camera make and model
- Exposure settings (ISO, shutter speed, aperture)
- GPS coordinates (privacy concern)
- Thumbnail preview (redundant for web)
- Color profile information
Stripping EXIF metadata is a free size win with no quality impact. BestPNG's compress tool removes metadata automatically during compression.
Privacy note: GPS data in EXIF can reveal where a photo was taken. Stripping EXIF before sharing photos online is a good privacy practice.
Progressive vs Baseline JPG
JPG files can be encoded in two modes:
Baseline (standard): The image loads top-to-bottom, line by line. Users see a partially loaded image that fills in from top to bottom.
Progressive: The image loads in multiple passes — first a blurry version of the full image, then progressively sharper versions. Users see the complete image quickly, with detail improving as more data loads.
Progressive encoding offers two benefits:
- Better perceived performance — Users see the full image composition faster, even before all data loads.
- Slightly smaller files — For images over 10 KB, progressive encoding is typically 2-5% smaller than baseline.
BestPNG outputs progressive JPGs by default.
Size Targets by Use Case
Web Pages
| Image Role | Target Size | Recommended Quality |
|---|---|---|
| Hero / banner | 100-200 KB | 82-88% |
| Blog content image | 50-100 KB | 80-85% |
| Product photo | 80-150 KB | 85-90% |
| Thumbnail | 10-30 KB | 75-80% |
| Avatar / profile | 15-40 KB | 80-85% |
Email clients handle images differently than browsers. Some block remote images entirely, while others limit display size. Recommendations:
- Total image weight per email: under 1 MB
- Individual image: under 200 KB
- Resize to actual display size before compressing (600px width is common for email)
- Quality: 75-85%
Social Media
Platforms recompress uploaded images. To minimize quality loss from double compression:
- Upload at the platform's recommended dimensions
- Use quality 85-90% (higher than web, since the platform will compress again)
- Strip EXIF before uploading
How to Compress JPG with BestPNG
Step-by-step workflow:
- Open BestPNG's compress tool
- Upload your JPG file
- Set quality to 85% (adjust based on your target from the tables above)
- Review the before/after preview — zoom in on detailed areas to verify quality
- Check the file size reduction percentage
- Download the compressed JPG
For web developer workflows, consider combining compression with resizing: first resize to your target dimensions, then compress. This two-step approach yields the smallest files.
Common JPG Compression Mistakes
Mistake 1: Compressing an already-compressed JPG. Each round of JPG compression introduces additional quality loss. Always compress from the original file, not from a previously compressed version.
Mistake 2: Using JPG for screenshots or text-heavy images. JPG's lossy compression creates visible artifacts around sharp edges and text. Use PNG for screenshots and images with text overlays.
Mistake 3: Using quality 100%. Quality 100% produces files nearly as large as uncompressed bitmaps with no visible benefit over quality 95%. Even 95% is usually overkill for web use.
Mistake 4: Not resizing first. Compressing a 4000x3000 photo to 85% quality still produces a large file. If it will display at 800px wide on your site, resize first, then compress.
Mistake 5: Ignoring responsive images. Serving a single large JPG to all devices wastes bandwidth on mobile. Use srcset to serve different sizes for different screen widths.
Frequently Asked Questions
What quality should I use for JPG compression? For web use, 80-85% offers the best balance of size and quality. For email attachments, 75-85% works well. For print or archival purposes, stay at 95% or above.
Does JPG support transparency? No. JPG does not support transparency — transparent areas will be filled with a solid color (usually white). If you need transparency, use PNG or WebP. BestPNG's format converter can help you switch formats.
How do I compress multiple JPGs at once? BestPNG's compress tool supports batch uploads. Drop all your JPG files at once, set the quality slider, and download them all. This is the fastest approach for preparing a batch of blog images or product photos.
Will Google penalize my site for compressed images? The opposite — Google rewards faster sites. Properly compressed images improve Core Web Vitals scores, particularly LCP (Largest Contentful Paint). Google's own PageSpeed Insights tool recommends serving images in "next-gen formats" and at appropriate compression levels.
Conclusion
JPG compression is one of the highest-impact, lowest-effort optimizations you can make for any website or email. The formula is simple: quality 80-90%, strip EXIF, resize to target dimensions, and use progressive encoding.
BestPNG's compress tool handles all of this in one step — directly in your browser, with no signup or file limits.