Why Image File Size Matters
Images typically account for 50–80% of the total data transferred when loading a webpage. Google's Core Web Vitals — the metrics that directly affect your search ranking — include page speed, and oversized images are one of the biggest culprits of slow load times.
For email, most providers cap attachments between 10–25 MB. A single unoptimised burst of photos from a modern smartphone can easily exceed that. And on mobile data, every extra megabyte costs your users real money.
Understanding Compression: Lossy vs Lossless
There are two fundamentally different ways to make an image file smaller:
- Lossy compression permanently removes some image data to achieve smaller sizes. JPG and WebP use lossy compression. At high quality settings (80–90%), the loss is invisible to the naked eye. At low quality settings, you'll see blocky artifacts and colour banding.
- Lossless compression reorganises the data more efficiently without discarding anything. PNG uses lossless compression. The resulting file is larger than lossy alternatives, but every pixel is preserved exactly.
The key insight is that for photographs, lossy compression at 75–85% quality is virtually indistinguishable from lossless — but the file can be 10× smaller. For logos, text, and graphics with sharp edges, lossless PNG is usually the better choice.
Technique 1: Choose the Right Format
Before compressing anything, make sure you're using the right format:
📷 Photos and realistic images → Use JPG or WebP
🎨 Logos, icons, illustrations → Use PNG or SVG
🌐 Web images (any type) → Consider WebP (25–35% smaller than JPG/PNG)
🖼️ Screenshots with text → Use PNG
If you have a photo saved as PNG, simply converting it to JPG can reduce the file size by 70–80% with no visible quality difference. Use FileNexa's PNG to JPG converter to do this instantly in your browser.
Technique 2: Adjust the Quality Setting
Most image editors and converters let you control the compression quality from 0 to 100. Here's a practical guide:
| Quality Range | Use Case | Typical Size Reduction |
|---|---|---|
| 90–100% | Print-quality images | 10–30% |
| 75–90% | Web photos, social media | 40–60% |
| 60–75% | Thumbnails, email previews | 65–80% |
| Below 60% | Tiny previews only | 80–95% (visible artifacts) |
For most web use cases, a quality setting of 75–80% delivers the ideal balance of visual quality and small file size. You can experiment with this using FileNexa's Image Compressor.
Technique 3: Resize the Image Dimensions
File size is directly proportional to the number of pixels. A 4000×3000 image has 12 million pixels. A 1920×1440 image has 2.76 million — less than a quarter as many, and the file will be proportionally smaller.
Before compressing, ask: does this image really need to be displayed at 4000px wide? For a standard website column, 800–1200px wide is usually more than enough. For thumbnails, 400px is plenty. Resizing down before compression multiplies your savings.
Technique 4: Strip Unnecessary Metadata
Images often contain hidden metadata — GPS coordinates from your phone, camera settings (EXIF data), copyright information, colour profiles, and thumbnail previews. This metadata can add 10–50 KB to a single image file.
Most image optimisers strip this data automatically. This is safe for web images — browsers don't need EXIF data to display photos correctly.
Technique 5: Use a Free Browser-Based Tool
You don't need expensive software. FileNexa's Compress Image tool lets you compress JPG, PNG, and WebP images directly in your browser — no uploads, no account required, completely free. Just upload your image, move the quality slider, and download the optimised result.
For batch needs, you can process images one at a time and the whole workflow takes seconds per image.
Summary: Your Image Optimisation Checklist
- Use JPG for photos, PNG for graphics with transparency or text
- Set JPG quality to 75–80% for web use
- Resize image dimensions to the actual display size needed
- Strip EXIF metadata for web images
- Consider WebP for modern web projects
- Use a browser-based tool to avoid uploading sensitive images