Choosing the best image compression settings depends on your image type, use case, and your need to balance file size with quality.
Quick Answer: Optimal Compression by Format
For most photos, JPEG with 70–80% quality is a solid balance of size and clarity. For graphics or images needing transparency, PNG with default or 6–9 compression level works well, but file sizes will be bigger. For web use, WebP at 75–85% is often the best compromise. Consider your specific use case:
- Use JPEG for photos where small size matters more than perfect fidelity.
- Use PNG for logos, illustrations, or when you need transparency.
- Use WebP for web graphics; it often gives smaller files at similar quality.
Practical Steps: Compressing Images Effectively
Step 1: Identify Your Image Type
- Photographs: Choose JPEG or WebP.
- Graphics, Icons, Screenshots: Choose PNG or WebP for transparency.
- Images with text or sharp lines: PNG or WebP are preferable to avoid blurring.
Step 2: Pick the Right Compression Format
- JPEG: Best for continuous-tone photos. Compression setting is usually a percentage (quality) or number (0–100).
- PNG: Lossless. Compression is about reducing file size without quality loss, but can’t be set as a percentage. Choose a compression level (0–9).
- WebP: Handles both photos and transparency. Quality is set as a percentage.
Step 3: Adjust Compression Settings
- For JPEG/WebP, start at 80% quality. Lower to 70% if you need smaller files, but check for visible artifacts.
- For PNG, use the default compression (often level 6). Increasing to level 9 makes smaller files, but processing is slower.
- For WebP, 75–85% is a safe range for good quality and size.
Step 4: Compare Results
After saving, visually compare the original and compressed images at 100% zoom. Look for blurring, blockiness, or color changes. Check transparency and text sharpness, if relevant.
Step 5: Save and Test
Test your images on the intended devices or platforms. Some sites (like Instagram or Facebook) re-compress images, so upload a test image to see final results.
Compression Formats and Settings: Comparison Table
The right format and compression level make a huge difference. Here’s how the main choices compare:
| Format | Best For | Compression Setting | Supports Transparency | Typical Use Cases | File Size (smaller is better) | Quality Impact |
|---|---|---|---|---|---|---|
| JPEG | Photos | Quality % (0–100) | No | Web, print, email photos | Small | Lossy: lower % = more quality loss |
| PNG | Graphics, transparency | Compression level 0–9 | Yes | Logos, icons, screenshots | Large | Lossless: no visible loss |
| WebP | Photos & graphics | Quality % (0–100) | Yes | Web images | Smallest (often) | Slightly lossy at lower % |
Notes:
- Lower JPEG/WebP quality means smaller size but more visible artifacts.
- PNG always preserves quality, but size can be much higher.
- WebP support is excellent on modern browsers, but not universal in all software.
Tradeoffs, Limitations, and Edge Cases
JPEG Artifacts and Limitations
- JPEG struggles with sharp lines, text, or graphics—edges get blurry.
- No transparency: backgrounds become white or solid.
- Repeatedly saving as JPEG compounds quality loss.
PNG Drawbacks
- File sizes can be 5–10x larger than JPEG for photos.
- Compression level only affects file size, not visible quality.
- Not supported in some older browsers or tools.
WebP Considerations
- Excellent at both photos and simple graphics.
- Some older design tools, email clients, and browsers don’t fully support WebP.
- At very low quality settings (<60%), colors and details may appear washed out.
Transparency and Color Accuracy
- Only PNG and WebP support transparent backgrounds.
- PNG supports full (alpha channel) transparency; WebP supports it too, but JPEG does not.
- Color shifts can occur if you convert between formats (especially CMYK to RGB).
Metadata and EXIF Data
- JPEG and WebP often strip metadata (camera info, GPS) during compression.
- PNGs sometimes retain metadata, but support varies.
- If metadata is important (for photo archiving), check settings before saving.
Common Problems and How to Fix Them
1. "My image looks blurry or blocky after compression."
- Increase the JPEG/WebP quality setting (try 80–90%).
- For text or graphics, switch to PNG or use WebP at a higher quality.
2. "The background turned white or black after saving."
- JPEG doesn’t support transparency. Use PNG or WebP if you need clear backgrounds.
3. "File size is still too big."
- For photos, lower JPEG/WebP quality incrementally (don’t go below 60% unless file size is critical).
- For PNG, use higher compression levels (up to 9), but consider cropping or resizing the image for more impact.
- Try converting PNG to WebP for web use.
4. "Colors look off after converting."
- This sometimes happens when converting from CMYK (used in print) to RGB (used on screens). Use software or tools that handle color profiles correctly.
- Check your source file’s color space before converting.
5. "My image lost its metadata."
- Some converters remove metadata by default. Use tools that let you preserve metadata, or keep a backup of the original file.
Recommended FileConversion.co Tools
- JPEG Compressor: Adjust JPEG quality for smaller, web-friendly images.
- PNG Compressor: Optimize PNGs for size without quality loss.
- WebP Converter: Convert PNG or JPEG to WebP for better web performance.
- Image Resizer: Reduce dimensions for further size reduction.
FAQ: Image Compression Settings
What’s the best JPEG quality setting for web photos?
70–80% is a good balance for photos on most websites, offering dramatic size reduction with minimal visible difference.
Does higher PNG compression level affect image quality?
No. PNG compression is lossless. Higher levels (up to 9) only reduce file size but take longer to process.
Is WebP always smaller than JPEG or PNG?
Often yes, especially for web use. But for simple graphics, PNG at small dimensions can be just as compact.
Can I compress images without losing visible quality?
For PNG, yes. For JPEG/WebP, slight loss is expected, but 80–90% quality is usually visually indistinguishable from the original.
Why do my images look different after uploading to a website?
Many social platforms and CMSs re-compress images, sometimes aggressively. Check their guidelines, and test your images after upload.
Practical Takeaway
Start with JPEG at 80% for photos, PNG for transparent graphics, and WebP at 75–85% for the web. Always check the result before sharing or publishing. Choose the format and compression that matches your needs rather than relying on defaults.
Reviewed for accuracy: This article is based on current standards for JPEG, PNG, and WebP as implemented by major browsers and image editors as of 2024.