FlowVidFlowVid.

October 6, 2026 · 8 min read

How to Compress an Image: Step-by-Step Guide for 2026

By The FlowVid Team, Image tooling engineers·Last updated October 6, 2026

How we checked this: Settings and KB targets below are what we use day-to-day for the FlowVid tool suite, cross-referenced against Google's web.dev image guidance and MDN's format reference. Verified October 2026.

Compressing an image means shrinking its file size so it uploads faster, loads quicker on web pages, and fits inside strict portal limits — all without the picture looking obviously worse. The right method depends on what the image is for: a social-media export can tolerate aggressive compression, a passport photo cannot, and a JPEG and a PNG respond to the same quality slider in very different ways. This guide walks through the exact steps, settings, and tools that cut file size by 5–10× while keeping the photo sharp.

Why image size matters

On the web, every unused kilobyte is a kilobyte your reader waits for. Google's own guidance treats image weight as one of the main drivers of Core Web Vitals (specifically Largest Contentful Paint), and image compression is their first-named optimisation. Outside the web, email attachments cap at 25 MB on Gmail, government portals routinely cap photos at 20–100 KB, and messaging apps re-compress anything you send — often badly. Reducing size up-front means your image reaches the destination intact instead of mangled.

Step 1: Identify what kind of image you have

The best compression settings depend on the *content*, not just the extension. Three broad categories cover almost everything:

  • Photographs — continuous colour gradients, lots of fine detail. Compress best as JPG (or WebP). This is what most people mean when they say 'image'.
  • Graphics, logos, screenshots — flat areas, hard edges, text. Compress best as PNG with a reduced palette, or as WebP (lossless mode). Saving these as JPG makes text look fuzzy.
  • Mixed content — a screenshot with embedded photos, say. WebP handles mixed content better than JPG or PNG alone.

Step 2: Pick the right format

Format choice is the single biggest lever you have. A phone photo saved as PNG can be 5–10× larger than the same photo as JPG — because PNG is lossless and refuses to drop detail your eyes would never notice. If your file is a .png or .heic of a photograph, the fastest win is a format change. Use our free Image to JPG converter for a one-click swap, or compare side-by-side in our PNG vs JPG vs WebP guide before you decide.

Step 3: Resize before you compress

File size is driven by two things: pixel dimensions and compression. A 4000×3000 phone photo re-saved at quality 85 is still a big file — because there are 12 million pixels to encode. Resize to the smallest dimensions that look right at the destination (a web article rarely needs more than 1600 px on the long edge; a passport portal usually wants 600–800 px) and the compression step can then stay at a high quality setting. Our Reduce Image Size tool does both in one pass.

Step 4: Compress with the right tool

For a general reduction

If you just want the file smaller — for a website, a document, or an email — a quality-slider compressor is the simplest choice. Run your photo through Compress Image, accept the default (around quality 80), and most phone photos shrink to about one-fifth their original size with no visible change. For dedicated JPEG workflows, Compress JPEG uses the same pipeline tuned for .jpg files.

For an exact KB limit

When a portal demands a specific KB number, don't guess. A target-size compressor binary-searches the quality setting for you and returns the best-looking JPG that fits. The common targets have their own pages — Compress Image to 20KB, Compress Image to 50KB, Compress Image to 100KB — or you can enter any value between 5 KB and 10 MB with Compress Image to Custom Size.

Use caseTargetFormatRecommended tool
Blog post / web articleunder 200 KBWebP or JPGCompress Image
Email attachmentunder 1 MB eachJPGCompress Image to 1MB
WhatsApp / messagingunder 1 MBJPGCompress Image
Passport / visa photo20–50 KBJPGCompress Image to 20KB / 50KB
Exam / government portal20–100 KB (photo)JPGCompress Image to 50KB
Job portal CV photounder 100 KBJPGCompress Image to 100KB
Hundreds of files at onceanysame as originalBulk Image Compress
What to use for which job — a cheat sheet.

Compressing on a phone

Every tool above runs entirely in your browser — no app install, no upload to a third-party server — so the exact same workflow works on an Android or iPhone. For built-in options too (iOS Mail's "small/medium/large" picker, Android share-sheet quality menus, Google Photos export sizes), see our dedicated guide to compressing images on mobile.

Frequently asked questions

How do I compress an image without losing quality?
Re-save it as JPG at quality 75–85 from the original (not a WhatsApp copy). In that range JPEG drops only detail below the visible threshold, so the photo looks identical at a fraction of the size. For bigger reductions, resize the pixel dimensions down first so the quality setting can stay high.
What is the fastest way to compress an image online?
A browser-based compressor is faster than any desktop app because there's nothing to install and nothing to upload — the file is processed locally. Drop the image onto the tool, pick a target, download. Most phone photos take under a second.
Can I compress multiple images at once?
Yes. Use a bulk compressor that processes a folder of files to the same target in one pass — ideal for a website migration, a product catalogue, or a batch of exam photos for a family.
Why is my compressed image still too large?
Usually one of three reasons: the format is wrong (PNG of a photo), the pixel dimensions are far larger than needed, or the file has already been compressed and there's not much left to give. Fix in that order — change format, resize, then compress.
Does compressing an image reduce its resolution?
Not automatically. Compression at a fixed resolution only reduces the per-pixel detail. Resizing (changing the pixel dimensions) is a separate step — our reduce image size guide covers the difference.

Sources

Keep reading

More guides

Next

More guides