Compress Images Online – A practical, plain-English guide to shrinking image files on the web. Whether you need to pass a government portal’s 10KB upload limit, optimise photos for your website, or send a smaller WhatsApp profile picture — this guide explains exactly how compression works, which format to pick, and how to hit any size target without guesswork.

Table of Contents
- What Is Image Compression and Why Does It Matter?
- How Image Compression Actually Works
- JPG vs PNG vs WebP — Which Format Should You Use?
- Understanding File Size Targets (9KB, 10KB, 20KB, 50KB)
- How to Compress an Image to 10KB Online — Step by Step
- Can You Really Compress an Image to 9KB? Yes — Here’s How
- Compressing Images for Government Portals and Online Forms
- Image Compression for Website Performance
- Balancing Quality and File Size — The Visual Quality Guide
- Common Mistakes When Compressing Images (and How to Avoid Them)
1. What Is Image Compression and Why Does It Matter?
Every image file on your phone or computer stores thousands — sometimes millions — of tiny coloured dots called pixels. Storing all that data takes space. A single photo taken on a modern smartphone can easily be 4–6 MB. That’s four to six million bytes of information just for one picture.
Image compression is the process of reducing that file size without (ideally) making the picture look noticeably worse. It works by finding and eliminating data that the human eye either can’t see or barely notices. The result is a smaller file that still looks like the same image — perfect for uploading, sending, or publishing online.
Why does this matter in everyday life? Here are the most common real-world situations where file size is critical:
- Government and bank portal uploads: Many official websites limit photo uploads to 10KB, 20KB, or 50KB — requirements that feel impossible until you understand how compression works.
- Email attachments: Most email providers limit attachments to 10–25MB, but even smaller images can slow down loading when multiple photos are included.
- Website speed: Google’s ranking algorithm penalises slow-loading pages. Uncompressed images are the single biggest cause of slow websites.
- WhatsApp and social media: Profile pictures, status images, and shared photos load faster and look sharper when they’re the right size.
- Saving phone storage: Compressing photos before archiving them can save gigabytes of space on your device.
A typical 12-megapixel smartphone photo = 4–6 MB (RAW) or 2–3 MB (JPEG saved from camera).
The same photo compressed for a government form = 10–20 KB — a reduction of over 99%.
2. How Image Compression Actually Works

There are two main types of image compression: lossy and lossless. Understanding the difference is the key to making smart decisions about which tool and settings to use.
Lossy Compression
Lossy compression permanently removes some image data to achieve smaller file sizes. JPEG (JPG) and WebP in their standard modes both use lossy compression. The algorithm studies the image and decides which details the eye is least likely to notice — typically fine textures, subtle gradients, and colour variations in low-contrast areas — and throws them away.
The trade-off is quality. At mild compression levels (quality 80–95%), the difference is invisible to the naked eye. At aggressive levels (quality below 30%), you start seeing “JPEG artefacts” — blocky patches, blurry edges, and colour smearing around contrast boundaries.
Lossless Compression
Lossless compression reduces file size without throwing away any image data. PNG uses lossless compression. It finds repeating patterns in the pixel data and encodes them more efficiently, like a zip file for images. The visual result is always identical to the original — but the size savings are much smaller, typically 10–40% rather than the 80–99% achievable with lossy methods.
The Dual-Pass Algorithm (Quality + Dimension Scaling)
Standard compressors only reduce JPEG quality. This works well for moderate targets (50–200KB) but hits a wall around 15–25KB for most photos. To reach smaller targets — like 9KB or 10KB — you need a second technique: dimension scaling.
Dimension scaling reduces the actual pixel dimensions of the image (width × height). A photo that’s 4000×3000 pixels has 12 million data points. Scaling it to 800×600 reduces data to 480,000 points — 96% fewer pixels before compression even begins. Combined with quality reduction, this is how sub-10KB targets become achievable.
Pass 1: Reduce JPEG/WebP quality from 99% downward until file size ≤ target.
Pass 2 (if needed): Reduce pixel dimensions (width × height) by a scale factor, then repeat Pass 1.
Repeat Pass 2 until target is reached or minimum dimensions are hit.
3. JPG vs PNG vs WebP — Which Format Should You Use?
Choosing the right output format is often more impactful than tweaking compression settings. Here’s a plain-English breakdown of each format’s strengths and when to use them.
| Format | Compression Type | Best For | Transparency | Typical Size vs JPG |
|---|---|---|---|---|
| JPG / JPEG | Lossy | Photos, portraits, document scans, government uploads | No | Baseline (1×) |
| WebP | Lossy or Lossless | Website images, banners, thumbnails | Yes | 25–35% smaller |
| PNG | Lossless | Logos, icons, screenshots, images with text | Yes | 2–5× larger |
When to Pick JPG
JPG is your default choice for photographs and any situation with a strict size limit. It produces the smallest file sizes of the three formats and is accepted everywhere — government portals, email systems, hospital records, school admission forms, bank KYC uploads. If you need to hit 9KB, 10KB, or 20KB, always start with JPG.
When to Pick WebP
WebP is a modern format developed by Google. It produces files that are 25–35% smaller than JPG at the same visual quality, and it supports transparent backgrounds. If you’re building a website or uploading images to a content management system, WebP is the smart choice — all modern browsers (Chrome, Firefox, Safari, Edge) support it fully.
When to Pick PNG
PNG is the right choice when you need a transparent background (logos on coloured pages, stickers, product images on white) or when pixel-perfect quality matters (screenshots with text, UI mockups). Just know that PNG files will always be larger than JPG or WebP — sometimes significantly so. Don’t use PNG if you’re trying to hit a small KB target.
For government portal uploads in India (Aadhaar, UPSC, passport, bank forms), always choose JPG + Auto Mode. Government systems are often built on older infrastructure that doesn’t support WebP, and JPG gives you the most compression flexibility.
4. Understanding File Size Targets (9KB, 10KB, 20KB, 50KB)
Different platforms impose different size limits, and understanding why can help you make smarter compression decisions. Here’s a practical reference guide for the most common targets.
| Target Size | Common Platforms / Use Cases | Recommended Format | Achievable? |
|---|---|---|---|
| 9 KB | Some state government portals (UP, Bihar), certain bank forms | JPG | ✅ Yes (with dimension scaling) |
| 10 KB | UPSC, SSC, railway exam portals, NID, many govt. forms | JPG | ✅ Yes (with dual-pass) |
| 20 KB | University admissions, hospital patient portals, HR systems | JPG or WebP | ✅ Easily achievable |
| 50 KB | E-commerce product images, social media thumbnails, email headers | JPG or WebP | ✅ Easy |
| 100 KB | Blog post images, news article photos, WhatsApp shared images | JPG, WebP, or PNG | ✅ Very easy |
| 500 KB | High-quality web images, email attachments, presentations | Any | ✅ No problem |
A standard Indian passport photo (JPEG, from a studio) is typically 1.5–3 MB. The UPSC portal requires photos under 10 KB. That’s a size reduction of 99.6%. This is only achievable with a dual-pass algorithm — quality reduction alone cannot reach 10KB from a 2MB photo. Dimension scaling is essential.
5. How to Compress an Image to 10KB Online — Step by Step

Here’s a complete walkthrough for compressing any image to 10KB using the WhizbangTools Image Compressor. The same steps apply for 20KB, 50KB, or any other target.
- 1
Upload your image. Drag and drop it onto the upload area, click to browse your files, or paste it directly from your clipboard with Ctrl+V (Windows) or Cmd+V (Mac). The tool accepts JPG, PNG, WebP, GIF, and BMP files.
- 2
Select your target size. Click the “Target Size” dropdown and choose 10 KB. You can also select “Custom” and type any KB value you need — for example, 9, 12, or 15.
- 3
Choose your output format. For government forms and small targets, select JPG. For websites, try WebP. Leave PNG unless you specifically need transparency.
- 4
Set the compression mode. Use Auto for most images. If you need an ultra-small file (9–10KB) and quality is flexible, switch to Aggressive. Use Quality Only if you want dimensions preserved.
- 5
Check the dimension toggle. Make sure “Allow smart dimension scaling” is turned ON. This is critical for reaching tiny targets. The max-width slider lets you set a ceiling (default 1920px) so the tool never makes the image wider than you want.
- 6
Click “Compress Image”. The tool will run its dual-pass algorithm and display the result in a few seconds, depending on your device speed.
- 7
Review the before/after preview. Check the original vs compressed side-by-side to make sure quality is acceptable. The visual quality bar tells you what quality level was used.
- 8
Download your compressed image. Click the green download button. The file is named automatically based on your target (e.g. compressed-10kb.jpg).
If the result isn’t quite what you wanted, hit “Reset”, re-upload the original file, and try different settings. Always compress from the original — never re-compress an already-compressed image, as this stacks quality loss with each round.
6. Can You Really Compress an Image to 9KB? Yes — Here’s How
9KB is an almost absurdly small target for a photograph. To put it in perspective: a plain white 100×100 pixel PNG is around 1–2KB. A 400×300 photo at very low quality is already 15–20KB. Getting under 10KB with something recognisable as a photo requires both quality reduction and dimension scaling.
Here’s why standard tools fail at this: they only reduce JPEG quality. JPEG quality has a natural floor — even at quality 1% (virtually destroyed), a large image can still be 15–30KB because the file structure itself, colour information, and metadata take up space. The only way to break through that floor is to also reduce the number of pixels.
The Math Behind 9KB
A JPEG at quality ~15%, dimensions 300×225px, with no EXIF metadata ≈ 7–12 KB.
A JPEG at quality ~20%, dimensions 400×300px ≈ 10–16 KB.
The exact size depends on image complexity — solid-colour areas compress far more than detailed textures.
The WhizbangTools compressor achieves 9KB targets by combining both techniques in sequence. It first finds the highest quality level that fits the target (Pass 1). If even quality 1% produces a file that’s too large at full resolution, it scales the dimensions down by 15% steps (Pass 2) and tries the quality pass again at the smaller dimensions. This loop repeats up to 20 times if necessary, until the file fits or the minimum dimension (32px) is reached.
Input: 2.4 MB passport photo, 3000×4000px JPG.
Target: 9 KB.
Pass 1 result: Quality 1% at 3000×4000 = 38 KB (still too big).
Pass 2, iteration 3: Quality 10% at 900×1200px = 8.7 KB ✅ — under target.
Final output: 8.7 KB, 900×1200px, quality 10%.
A 9KB image will have visibly lower detail than a full-quality photo. For a passport photo or profile picture, the face will still be clearly recognisable at typical display sizes. For large prints, 9KB is not suitable. Always verify the result in the preview before uploading to official portals.
7. Compressing Images for Government Portals and Online Forms
Government portals in India — and across the world — are notorious for their strict, often baffling image size requirements. UPSC asks for a photo under 10KB. Some state board exam sites ask for 9KB. Bank KYC forms want 20KB. Hospital registration portals want 50KB. And often, if your image is even 1KB over the limit, the form refuses to accept it with a cryptic error message.
Here’s a cheat sheet of common requirements and the best settings for each:
| Portal / Context | Typical Limit | Recommended Settings |
|---|---|---|
| UPSC, SSC, IBPS exam forms | 10–20 KB | JPG · Auto mode · Scaling ON · Target: 10KB |
| State board / university admissions | 20–50 KB | JPG · Auto mode · Target: 20KB or 50KB |
| Aadhaar / UIDAI portals | 10–50 KB | JPG · Quality Only first; add Scaling if needed |
| Passport / PAN card applications | 20–50 KB | JPG · Auto mode · Target: 20KB |
| Bank account / KYC portals | 50–200 KB | JPG or WebP · Auto mode |
| Hospital / healthcare records | 100–500 KB | JPG · Quality Only · Target: 100KB |
| Some state govt. portals (strict) | 9 KB | JPG · Aggressive mode · Scaling ON · Target: 9KB |
Additional Tips for Government Uploads
- Always read the portal’s specification carefully — some ask for maximum dimensions too (e.g. “3.5cm × 4.5cm at 100 DPI”), not just file size.
- If a portal says “JPEG only”, make sure your output format is set to JPG, not WebP or PNG, even if WebP would produce a smaller file.
- Some portals check file extension. Download the compressed file and confirm it ends in .jpg or .jpeg before uploading.
- Try to keep the background plain white or light grey for passport-style photos — these compress more efficiently because the large uniform background area reduces file complexity.
8. Image Compression for Website Performance
Images are the largest content type on most websites. According to the HTTP Archive, images account for over 50% of the average webpage’s total file size. Unoptimised images are the single most common reason a website scores poorly on Google’s Core Web Vitals — the ranking signals that directly affect your position in search results.
The key metric is Largest Contentful Paint (LCP) — the time it takes for the biggest visible element on the page to load. If your hero image is 2MB, LCP will be slow. If it’s 80KB, LCP will be fast.
Recommended Image Sizes for Web
| Image Type | Recommended Max Size | Recommended Format | Max Width (px) |
|---|---|---|---|
| Hero / banner image | 80–150 KB | WebP or JPG | 1920 |
| Blog post / article image | 50–100 KB | WebP or JPG | 1200 |
| Product thumbnail | 20–50 KB | WebP or JPG | 600 |
| Profile / avatar picture | 10–30 KB | WebP or JPG | 400 |
| Logo (with transparency) | 10–30 KB | PNG or WebP | 400 |
| Background texture | 30–80 KB | WebP or JPG | 1920 |
WebP vs JPG for Websites
For new websites, WebP is the clear winner. It’s 25–35% smaller than JPG at the same visual quality, and all modern browsers have supported it since 2020. The only reason to use JPG on a modern website is legacy browser support — but browser usage data shows that over 97% of users now have WebP-capable browsers.
9. Balancing Quality and File Size — The Visual Quality Guide

When you compress a JPEG or WebP image, you’re choosing a point on a trade-off curve. Higher quality means larger file sizes. Lower quality means artefacts and visible degradation. The sweet spot depends on the use case.
| Quality Level | Typical File Size* | Visual Result | Best Use |
|---|---|---|---|
| 90–99% | 400KB – 2MB | Virtually identical to original | Archiving, printing, high-quality web |
| 70–89% | 100–400 KB | Excellent — barely any artefacts | General web use, blog images, social media |
| 50–69% | 50–150 KB | Good — slight artefacts in fine textures | Thumbnails, product listings, email images |
| 30–49% | 20–60 KB | Acceptable — visible but not distracting | Government form uploads, strict portals |
| 10–29% | 10–30 KB | Low quality — noticeable blockiness | 9–20KB targets when size is the only priority |
| Below 10% | 5–15 KB | Very low — clear degradation | Absolute minimum file size situations only |
* Approximate sizes for a typical 2MP photograph at full resolution. Simpler images (fewer colours, solid backgrounds) will be smaller.
What the Quality Indicator Bar Tells You
After compressing, the tool displays a coloured “Visual Quality Level” bar. Here’s what each colour means:
- Green (70–100%) — Excellent quality. The compression is barely noticeable. Safe for all uses.
- Amber (40–69%) — Good quality for web and most form uploads. Minor artefacts in close inspection.
- Red (20–39%) — Low quality. Suitable only when the size limit is strict and quality is secondary.
- Dark Red (<20%) — Very aggressive compression. Artefacts will be visible. Use only as a last resort.
10. Common Mistakes When Compressing Images (and How to Avoid Them)
Even with a good tool, it’s easy to make mistakes that either bloat your file size or destroy image quality unnecessarily. Here are the most common pitfalls and how to sidestep them.
Mistake 1: Re-compressing an Already Compressed Image
Every time you compress a JPEG and save it again, you lose quality. If you compress a 2MB photo to 50KB, then upload that 50KB photo into a compressor again to get 20KB, you’re compressing an already-degraded image. The artefacts from the first compression get amplified in the second pass. Always compress from the original, highest-quality source file you have.
Mistake 2: Using PNG for Photos
PNG was designed for graphics with flat colours, sharp edges, and transparency — logos, icons, screenshots. When you save a photograph as PNG, you get a massive file because PNG’s lossless compression can’t efficiently handle the millions of subtle colour variations in a real photo. A 2MB JPG photo saved as PNG can become 8–12MB. If you need to compress a photo, always output to JPG or WebP.
Mistake 3: Not Checking the Before/After Preview
Numbers alone don’t tell the full story. A file that’s exactly 10KB might look fine for a full-face passport photo but unacceptably blurry for an ID card with fine text. Always inspect the before/after comparison before uploading to an official system.
Mistake 4: Uploading Oversized Source Images
The smaller your source image, the better the compressed output will look at any given KB target. If you’re submitting a passport photo, use a properly cropped image (head and shoulders) rather than compressing a full-frame crowd photo and expecting the face to remain sharp. Crop first, then compress.
Mistake 5: Ignoring Dimension Requirements
Some government portals specify both a file size limit and a dimension requirement — for example, “Photo must be 3.5cm × 4.5cm, scanned at 100 DPI, under 20KB.” At 100 DPI, 3.5cm × 4.5cm = approximately 138 × 177 pixels. This is actually a very small image. Scanning a photo at 300 DPI and then trying to compress the resulting 400×514px image to 20KB will produce needlessly poor quality. Match your scan DPI to the portal’s dimension + size requirements.
Government ID photos, medical images, and personal documents are sensitive. Always use a compression tool that processes images locally in your browser, with no server upload. The WhizbangTools compressor runs entirely in your browser using the HTML5 Canvas API — your image data is never transmitted to any server or stored anywhere outside your device.
Ready to Compress Your Image?
Use our free browser-based compressor — hit 9KB, 10KB, 20KB or any target size instantly. No uploads, no sign-up, no limits.
⚡ Try the Image Compressor Free
