Compress Images to 200KB

A middle budget with a wide range of uses

Two hundred kilobytes sits between the very small avatar budgets and the general web image budgets, and it works for a surprisingly wide range of things. A 600 pixel wide blog image, an inline email graphic, a social post preview, and a card image all fit comfortably. A full width hero image at high density is the first thing that starts to struggle. Knowing the display width of the image is the number that decides whether 200KB is generous or tight.

Why the display width is the number to start from

An image is only ever seen at a particular size, and paying to store detail beyond that is the most common avoidable waste on a website. If a blog column displays images at 700 pixels wide, exporting at 700 or 1,400 pixels depending on screen density is the right target, and compressing that to 200KB gives a sharp result. Compressing a 4,000 pixel original to the same 200KB spends the budget preserving pixels that are thrown away when the page displays it.

• Find the CSS width of the image where it will be used.
• Export at that width, or roughly double it for high density screens.
• Compress to the byte budget from there.
• This is usually faster than heavy compression and looks better.
• Keep the original, because the layout may change later.

JPG, WebP, or AVIF at this size

Two hundred kilobytes is roomy enough that all three formats work, and the choice becomes about delivery rather than necessity. WebP and AVIF are smaller at the same appearance, which matters for a site trying to keep pages fast, and both are well supported. JPG remains the safest for email clients and for any destination that might reject a modern format. If transparency is involved, JPG is not an option at all.

• WebP or AVIF for a website, where a smaller file at the same appearance is a real gain.
• JPG for email and for any destination that might not accept WebP.
• PNG or WebP lossless for flat graphics, logos, and anything with hard edges.
• Transparent images need WebP or PNG. JPG fills the background with a solid colour.
• At this budget you can afford high quality. Use it.

Meeting the target and checking the result

The compressor searches for the highest quality that still fits the target, so you get the sharpest image the budget allows rather than a fixed setting. Files already within the target are passed through unchanged. Where the target cannot be met at an acceptable quality, that is reported instead of claimed. Because the output size is displayed, you can confirm it against the actual form requirement before uploading, and remember that a portal counting KB the binary way has slightly more room than one counting decimal.

• Targets 200,000 bytes, which satisfies either KB convention.
• The highest quality that fits is kept, not a fixed preset.
• Files already within the limit are copied through unchanged.
• An unreachable target is reported honestly rather than disguised.
• Inspect the result at 100 percent, where artefacts are visible.