ConvertconvertImage Toolsimage-tools

How to Compress an Image Without Ruining It

compress-an-image-online

Image: Steve Jobs and Macintosh computer, January 1984, by Bernard Gotfryd - edited.jpg by Photo: Bernard Gotfryd - Edited from tif by Cart, Public domain, via Wikimedia Commons.

To compress an image without ruining it, use Squoosh, a free, browser-based tool that lets you see exactly what compression removes before you save. It works on any device, requires no account or card, and supports WebP, AVIF, JPEG, and PNG with real-time previews. The key is understanding that compression removes data, and the trick is knowing how much you can remove before your eyes notice.

What compression actually removes

Image compression works in two ways. Lossless compression keeps every pixel identical to the original, it just stores the data more efficiently. The Library of Congress notes that lossless compression produces a decoded image identical to the original data stream.[4] Lossy compression, by contrast, changes the data but aims to keep the image visually close.[4] It throws away fine details that human eyes struggle to see: subtle color variations, high-frequency textures, and small differences between neighboring pixels.

JPEG, WebP lossy, and AVIF all use lossy compression. They divide the image into blocks, transform the color information, and discard the least noticeable parts. The result is a smaller file that looks nearly the same, until you push the compression too far. Below about 50% quality, artifacts become visible: blocky squares, blurry edges, and color banding.[8] That figure comes from a general guide, not an official standard, but it matches what most image editors show in practice.

The size where quality starts to show

MDN’s image-format guide recommends a quality setting of 75% as a practical starting point for JPEG-style compression.[3][11] At that level, most images look fine on screens, and file sizes drop significantly. Drop to 50% and you might see artifacts in gradients or fine text. Below 30%, even casual viewers will notice the damage.

The right threshold depends on the image. A photograph of a landscape can often survive 60% quality because the eye fills in missing texture. A screenshot with text and sharp edges will show artifacts much sooner, stick to 80% or use lossless formats. The only way to know is to preview the result at full size, which is why Squoosh’s side-by-side comparison is so useful.

The right format per job

MDN’s guide gives clear recommendations by job type:[12]

  • Raster images (photos, complex scenes): Use WebP or AVIF. Google’s WebP documentation reports that lossy WebP images are 25-34% smaller than comparable JPEGs at equivalent quality.[6][14][15] AVIF often beats both, but browser support is slightly narrower.
  • Logos and icons with sharp edges: Use SVG. It’s a vector format, not a raster one, so it scales perfectly and stays tiny. Never use JPEG for logos, it blurs edges and adds artifacts.
  • Screenshots: Use PNG or WebP lossless. Screenshots have text, UI elements, and flat color areas that JPEG destroys. PNG is universally supported; WebP lossless is 26% smaller than PNG according to Google.[6][14][15]
  • Images with transparency: Use WebP. It handles alpha channels efficiently and compresses better than PNG. AVIF also supports transparency, but support is still growing.
  • Photographs on the web: Use WebP or AVIF. JPEG is still fine for older browsers, but modern formats give smaller files with the same visible quality.

All these formats are documented in detail by the Library of Congress for preservation purposes, and by MDN Web Docs for practical web use.[3][5][12][15] The Google WebP documentation includes the official reference material and open-source utilities.[6][14][15] None of these sources require an account or a card, they are public documentation projects.

What to check before committing to one tool

Not all free image compressors are equal. Some upload your images to a server, which raises privacy concerns. Others limit file size or add watermarks. Before you use any online tool, check three things:

  • Does it process locally? Squoosh runs entirely in your browser, no upload, no server. That means your images never leave your device. The same is true for Img.now and Jpg.now, which are simple, single-purpose compressors that work in the browser without accounts.
  • Does it require an account or card? The tools listed here do not. If a site asks for an email or payment, it is not what this article recommends.
  • Does it show the output before saving? A good compressor lets you compare the original and compressed versions side by side. If you cannot see the difference before you download, you are flying blind.

For desktop work, GIMP is a free, open-source image editor that handles all these formats. It requires no account and works on Windows, macOS, and Linux. Inkscape is the equivalent for vector graphics (SVG). ImageMagick is a command-line tool for batch processing, powerful but not beginner-friendly. All three are free, legal, and documented by the International Telecommunication Union and other standards bodies for the underlying compression methods.[4]

The easytoollab guide and compresso.io guide offer additional general advice on compression settings, but they are not official sources, treat their specific numbers as starting points, not guarantees.[7][8] The UK National Archives and University of Catania have published technical papers on image compression standards that go deeper into the math.[9][10]

Frequently Asked Questions

Will compressing an image make it look blurry?

Only if you use lossy compression at too low a quality setting. At 75% quality (MDN’s recommended starting point), most images remain sharp.[3][11] At 50% or below, blurring and blockiness appear, especially around text and edges. Always preview the result before saving.

Can I compress a PNG without losing quality?

Yes. PNG supports lossless compression only, so any PNG compressor that does not convert to another format will keep every pixel identical. Tools like Squoosh and ImageMagick can recompress PNGs losslessly, often reducing file size by 10-30% without any visible change.

What is the best format for a photo on a website?

WebP or AVIF. Google reports that lossy WebP is 25-34% smaller than JPEG at equivalent quality.[6][14][15] AVIF often compresses even better. Use JPEG only if you need to support very old browsers. MDN’s guide recommends WebP or AVIF for all raster images.[12]

Do I need to pay for any of these tools?

No. Squoosh, GIMP, Inkscape, ImageMagick, img.now, and jpg.now are all free. The documentation from Google, MDN, and the Library of Congress is also free. None require an account or a card.[3][5][6][12][15]

How do I know if a compression tool is safe to use?

Check whether it processes images locally (in your browser or on your own computer) rather than uploading them to a server. Squoosh, GIMP, and ImageMagick all process locally. If a tool asks you to upload an image to its website, read its privacy policy, some services keep copies of uploaded files.

Where this fits

This is one guide from Where to Convert and Compress Images Online Free.

About the author

, Editor

Jess Owens edits CRACKED.SX, checking every site listed here for what it costs, what it needs from you and whether it is legal where you are.

View all 158 articles by Jess Owens  ·  Our editorial policy