All guides
Digital Tools

Digital Tools · 10 min read

The Complete Guide to Compressing Images Smaller Files, Faster Websites, Same Great Quality

Every photo you upload has a hidden cost: the bigger the file, the slower it loads, the more storage it eats, and the more patience it demands from anyone waiting for it to appear. Most of that size is unnecessary. Image compression strips away the parts of a file that our eyes barely notice, leaving a picture that looks almost identical but weighs a fraction as much. This guide explains how compression works and how to use it well.

What image compression actually does

Compression is the process of reducing a file's size while keeping it usable — in this case, keeping the image recognisably the same. It matters far more than people assume. A single uncompressed photo from a modern phone can be six or eight megabytes; on a website, that one image can be heavier than the entire rest of the page combined.

A slow-loading photo gallery, an email attachment that bounces back as "too large", a product listing that takes forever to appear on a shaky mobile signal — these are all compression problems wearing different disguises.

The Calcaroo Image Compressor exists for exactly this: you drop a photo in, it removes redundant data, and you get a smaller file back — usually in seconds, with no software to install and nothing uploaded permanently anywhere.

Lossy vs lossless: the two ways compression works

There are two fundamentally different strategies for shrinking a file, and understanding the difference will save you from a lot of guesswork.

  • Lossy compression removes information the human eye is unlikely to notice — subtle colour gradients, fine texture detail — to achieve dramatic size reductions. JPG is the classic example. Push it too far and you'll see blocky artefacts, especially around sharp edges and text.
  • Lossless compression reorganises the file's data more efficiently without discarding anything. The image comes back pixel-for-pixel identical, but the size reduction is more modest. PNG uses this approach, which is why it's the format of choice for screenshots, logos and graphics with flat colour and text.

JPG (or JPEG) is best for photographs — anywhere the image has lots of colour variation and gradual shading, like holiday snaps, portraits or product photography. It compresses beautifully because photographic detail hides its losses well.

PNG is best for anything with sharp edges, flat colour or transparency — logos, icons, screenshots and graphics with text. Compress a screenshot as a JPG and you'll often see fuzzy haloes around the crisp lines; PNG keeps them clean.

WebP is a newer format built specifically for the web. It supports both lossy and lossless compression, handles transparency like PNG, and typically produces files 25–35% smaller than an equivalent JPG at a similar visual quality. Most modern browsers support it, which is why it has become the default choice for a lot of website imagery.

FormatBest forTransparencyTypical compression
JPGPhotos, gradients, complex colourNoHigh (lossy)
PNGLogos, screenshots, flat colour, textYesModerate (lossless)
WebPWeb images generally, replacing JPG/PNGYesHigh, either mode

How to use the Calcaroo Image Compressor

The tool is designed to remove the guesswork: upload your image, choose how aggressive you want the compression to be, and compare the result before you download.

  1. 1.Upload the image you want to shrink — most common formats are supported.
  2. 2.Adjust the quality or compression level and watch the estimated file size update.
  3. 3.Compare the preview against the original to check the quality still looks right for your purpose.
  4. 4.Download the compressed version and use it in place of the original.

For most everyday uses — website images, email attachments, social posts — a moderate compression level (roughly 60–80% quality on a JPG-style slider) is the sweet spot: the file size drops sharply, but the human eye struggles to spot the difference at normal viewing sizes.

Professional tips for better compression

  • Resize before you compress. A photo displayed at 800 pixels wide doesn't need to be uploaded at 4,000 pixels wide first — pair compression with the Image Resizer to cut file size twice over.
  • Compress once, not repeatedly. Every time you save a JPG, you lose a little more quality. Keep an uncompressed master copy and always compress from that original rather than compressing an already-compressed file.
  • Match the format to the content, not the other way around — don't force a screenshot into JPG just because it's the format you always use.
  • Check the result at real size, not zoomed in. Compression artefacts that look obvious at 300% zoom are usually invisible at the size the image is actually displayed.
  • Batch similar images together so you can apply a consistent quality setting across a whole product catalogue or gallery.
The goal of compression isn't the smallest possible file. It's the smallest file that still looks right for where it's going.

Common compression mistakes

  • Compressing too aggressively. Chasing the smallest possible number and ending up with visible blotchy artefacts, especially in skies, skin tones and shadows, where lossy compression struggles most.
  • Using PNG for photographs. A photographic PNG can be several times larger than an equivalent JPG for no visible quality benefit — the format simply isn't suited to that kind of image.
  • Re-saving JPGs repeatedly. Editing and re-exporting the same JPG file multiple times compounds quality loss, a phenomenon known as generation loss.
  • Ignoring dimensions. Compressing a huge image is still a huge image; resizing it to the dimensions it will actually be displayed at usually saves far more than compression alone.
  • Forgetting transparency. Converting a logo with a transparent background to JPG will fill that transparency with a solid colour — usually white or black — which can look like a mistake on a coloured page.

When compression matters most

Websites and page speed. Search engines and visitors both reward faster pages. Large, uncompressed images are one of the most common reasons a website feels sluggish, particularly on mobile connections. If you run a website, compressing every image before upload should be a habit, not an afterthought.

Email attachments. Most inboxes cap attachments around 25MB, and even under that limit, large images slow down sending and receiving. Compressing photos before attaching them is often the difference between an email that sends instantly and one that stalls.

Social media. Every platform re-compresses images you upload anyway, often quite aggressively. Uploading a pre-compressed, appropriately sized image gives you more control over how the final result looks, rather than leaving it entirely to the platform's own algorithm.

Storage and backups. Photo libraries grow quickly, and compressed images take a fraction of the cloud storage of full-resolution originals — useful if you're nearing a storage limit or want backups to run faster.

If you regularly work with file sizes for uploads or attachments, the File Size Converter is a useful companion — it translates the numbers a compressed file gives you (kilobytes, megabytes) into something you can compare against upload limits at a glance. And if you're wondering whether a compressed file will actually finish uploading before you need to leave the house, the Data Transfer Time Calculator answers that directly.

You'll also like

Frequently asked

Does compressing an image reduce its quality?
Lossy compression (like standard JPG compression) does reduce quality slightly, but at moderate settings the difference is invisible to most people at normal viewing sizes. Lossless compression, used by PNG, keeps quality identical while still reducing file size.
What's the best format for a website: JPG, PNG or WebP?
Use JPG or WebP for photographs, PNG for logos, icons and graphics with transparency, and WebP wherever your platform supports it, since it usually produces the smallest files at a comparable quality across both photo and graphic content.
Will compressing an image affect its dimensions?
No — compression changes file size, not pixel dimensions. To change the width and height of an image, use an image resizer instead, ideally before compressing.
How much can compression actually shrink a file?
It varies by image, but it's common to reduce a photo by 60–90% of its original size with little to no visible quality loss, especially if the original was uploaded straight from a camera or phone at full resolution.
Is it safe to upload personal photos to an online compressor?
Reputable browser-based tools, including Calcaroo's, process images without permanently storing them. Even so, avoid uploading anything sensitive to tools you don't recognise, and check a tool's privacy approach if you're unsure.
Why does my compressed image still look large in file size?
This is usually a dimensions problem rather than a compression problem — a very high-resolution image will still be relatively large even after compression. Resize it down to the dimensions you actually need first.
Can I compress a PNG the way I compress a JPG?
Yes, though PNG compression is lossless and generally achieves smaller size reductions than JPG's lossy approach. For photographic images, converting to JPG or WebP first usually gives a much smaller result.

Continue learning

Keep exploring Digital Tools

Related guides and calculators to carry your learning further.

Related calculators

Free, instant tools from the Calcaroo collection.

Related guides

Explore More Digital Tools Guides

Practical guides for everyday digital tasks — text, files, colour, security and the web.

View Digital Tools Category

This guide is general information, not financial advice. Last updated August 2026.