You have a photo, and a form that insists it be under some number: 200KB for a job portal, 100KB for a marketplace listing, 50KB for a profile picture, or the notoriously tight 20KB some government and exam sites demand. You upload, it bounces, you shrug. This guide explains the two levers that actually control file size and how to use them to land under any limit without the result looking like a smudge.
Two levers: quality and dimensions
Image file size comes down to two things. The first is compression quality: how aggressively a JPG discards fine detail. Turning quality down shrinks the file without changing how big the picture appears on screen, at the cost of some sharpness. The second is dimensions: how many pixels wide and tall the image is. A 4000-pixel-wide photo has roughly four times the data of a 2000-pixel one, so resizing has a huge effect on size.
The order matters. If your image is enormous in dimensions, resize it first, because there is no point storing a 4000-pixel photo for a spot that displays it at 300 pixels. Once the dimensions are sensible, use compression to fine-tune the last bit and hit your exact target. In practice, a quality slider handles most everyday cases, and a resize step handles the ones where the photo is simply too large to begin with.
Hitting an exact number automatically
Guessing at a quality slider until the file happens to fall under 100KB is tedious. The faster route is a tool that targets the number for you: it compresses, checks the resulting size, and keeps lowering quality in small steps until the file fits under the limit. That is exactly what the size-specific tools do, so you can go straight to the target you need:
- Compress to 20KB for exam and government signature and photo fields, which often set the strictest caps.
- Compress to 50KB for messaging profile pictures and light blog thumbnails.
- Compress to 100KB for general web images and multi-photo listings.
- Compress to 200KB when you want more quality and the form allows a little more room.
Getting the sharpest result at a tight limit
When the cap is small, every kilobyte counts, so give them to the part of the image that matters. A few habits help a lot:
- Crop away empty space first. Background you do not need is still costing you data. For a portrait, a head-and-shoulders crop keeps the face detailed instead of spending the budget on a blank wall.
- Match the dimensions to the display size. If a form shows the photo in a small box, a 600-pixel image will look identical to a 3000-pixel one but weigh a fraction as much.
- Prefer photos over graphics for JPG. Compression works best on smooth, continuous tone. A screenshot full of text will look rougher at a small size than a portrait will.
- Start from the best original you have. Compressing an already-compressed image stacks the damage. Work from the cleanest copy you can find.
Common size limits and what they are for
Different limits exist for different reasons, and knowing the reason tells you how hard to push. A 20KB cap almost always means a signature or thumbnail field on an official form, where the image is tiny on screen anyway, so a heavy crop is your friend. A 2MB or 5MB email limit is generous, and you usually only need light compression, not resizing. A 100KB to 200KB web limit sits in the middle, comfortable for a properly sized photo at good quality. When in doubt, aim a little under the stated cap, because some systems measure slightly differently than your computer does.
A quick workflow
Put together, the process is short. Crop out anything you do not need. If the photo is far larger in pixels than where it will be shown, resize it down. Then run it through the compressor or the exact-size tool for your target and check the number. If it is still over, drop the dimensions a little more rather than crushing the quality further, since a smaller sharp image beats a full-size blurry one almost every time. All of this runs inside your browser here, so the photo never leaves your device on the way to fitting the box.