A 3 MB phone photo can become 200 KB without a visible difference. Understanding why that works, and when it backfires, separates good results from pixelated disasters.
Lossless vs Lossy: The Core Difference
Lossy compression permanently discards pixel data the human eye is unlikely to notice, such as subtle colour gradients. Each save cycle removes more data. Lossless compression reorganises data without deleting any of it. The decoded image is bit-for-bit identical to the original.
Lossy formats include JPG and WebP (lossy mode). Lossless formats include PNG, GIF, and WebP (lossless mode). AVIF supports both modes. The choice depends on your use case, not just the file extension.
How Much Smaller Do Files Actually Get?
Reducing a JPG from 100% quality to 80% typically cuts file size by 60–75%. The visual difference at 80% is minimal for photographs. Going below 60% introduces visible blurring and colour blocks.
| Format | Compression Type | Typical Size vs JPG 100% | Transparency | Best Use |
|---|---|---|---|---|
| JPG | Lossy | Baseline | No | Photos, document uploads |
| PNG | Lossless | 20–40% smaller | Yes | Logos, screenshots, UI art |
| WebP (lossy) | Lossy | 25–35% smaller than JPG | Yes | Web photos, thumbnails |
| WebP (lossless) | Lossless | ~26% smaller than PNG | Yes | Web graphics with transparency |
| AVIF | Lossy & Lossless | 40–50% smaller than JPG | Yes | High-quality web imagery |
AVIF, developed by the Alliance for Open Media, achieves the best compression ratios in 2026. Chrome, Firefox, and Safari all support it. Some Indian government portals still accept only JPG, so check the portal specification before converting.
When to Choose Lossy Compression
Photographs contain millions of colour variations. Lossy compression targets the variations your eye ignores first. For most photos, an 80% JPG or WebP quality setting is the practical sweet spot.
Government portal uploads are the most common Indian use case. UPSC requires a photo under 40 KB and a signature under 10 KB. SSC forms cap the photo at 20 KB. IBPS and bank exam portals specify 20–50 KB limits. A phone photo straight from the camera runs 2–4 MB, which triggers an immediate rejection.
For government portals, JPG is the safest format. WebP may not be accepted. Aim for 50–70% of the stated limit to leave a buffer for browser rounding differences.
E-commerce product images need a balance between visual quality and load speed. A Flipkart or Meesho seller typically shoots products on a phone at full resolution, producing files of 3–5 MB per image. Amazon requires images of at least 1,000 pixels on the longest side for zoom functionality. Compressing at 80–85% JPG quality retains the detail buyers look for. File sizes remain manageable at that setting, which matters when uploading dozens of catalogue images in one session.
Image Compressor
Compress JPG, PNG, and WebP images in your browser without uploading to any server.
When to Choose Lossless Compression
Lossless is the right choice when pixel accuracy matters. Common scenarios include:
- Logos and brand assets: Crisp edges and flat colours compress well with PNG. Lossy compression introduces halos around sharp edges.
- Screenshots and UI mockups: Text rendered at small sizes looks blurry under lossy compression. PNG keeps every pixel sharp.
- Source files you will edit again: Never compress a working file with a lossy format. Start from the original each time. Re-compressing an already-compressed JPG adds visible artefacts with every cycle.
WebP vs AVIF: Practical Benchmarks for 2026
WebP (lossy) produces files 25–35% smaller than JPG at the same visual quality. Browser support is universal across Chrome, Firefox, and Safari. WebP lossless mode produces files roughly 26% smaller than PNG.
AVIF goes further, achieving 40–50% smaller files than JPG at equivalent quality. Encoding is slower than WebP, though modern devices handle it without issue. AVIF also handles HDR content and wide colour gamuts better than WebP.
For a typical Indian e-commerce or blog workflow in 2026:
| Scenario | Recommended Format | Why |
|---|---|---|
| Government portal photo | JPG, 60–80% quality | Portal requirement; widest acceptance |
| Blog hero image | WebP (lossy), 80% quality | ~30% smaller than JPG; fast LCP score |
| Product catalogue | AVIF or WebP | Best size-to-quality ratio |
| Logo / icon | PNG or WebP (lossless) | Preserves sharp edges |
| Shared WhatsApp proof | JPG, 70–80% quality | Compatible with all devices |
Google's Core Web Vitals scoring counts image size against the Largest Contentful Paint (LCP) metric. A 3 MB hero image compressed to under 200 KB loads in a fraction of the time. That directly improves your LCP score.
Tips for Getting the Best Results
Start at 80% quality for JPG or WebP. Zoom the preview to 100% before reducing further. Dropping from 80% to 60% quality is far more noticeable than dropping from 100% to 80%. That asymmetry exists because the encoder has already removed the easiest-to-hide data at 80%; further reductions cut into visible detail.
PNG files are lossless by nature, so the compression gains are modest. Converting a PNG to WebP or JPG before compressing gives much smaller files. The trade-off is lost transparency and lossless pixel accuracy. Decide first whether you need transparency or not, because switching format after the fact means starting over.
Always compress from the original file. Each lossy re-compression cycle degrades quality further, because lost data cannot be recovered. Keep the high-resolution original in a separate folder as your master copy.
For government portals, target a compressed size at 50–70% of the stated limit. A photo at 30 KB for a 40 KB UPSC limit gives a reliable buffer against browser rounding differences on upload.
Related reading: How to resize images for government forms · Understanding Core Web Vitals for Indian websites
Related tool: Image Resizer