How to Compress PNG Files Without Losing Quality or Transparency

Compress a PNG by matching the method to the image type: use lossless compression for icons, logos, screenshots, and line art, and lossy compression only for photo-style PNGs where small artifacts won't show. If the image is a photo and doesn't need transparency, converting it to JPG or WebP usually shrinks it far more than compressing the PNG. To keep a transparent background, never convert the file to JPG — that format has no alpha channel, so transparent areas turn white or black.

First decide whether the file should stay PNG

PNG is a lossless format built for sharp edges, flat colors, and transparency. It's the wrong container for photographs, which is why a photo saved as PNG is often several times larger than the same photo as JPG.

If you're unsure, ask one question: does anything in the image need to be see-through? If no, and it looks like a photo, converting away from PNG is usually the bigger win.

Lossless vs. lossy compression for PNG

Lossless compression rewrites how the pixel data is stored without changing any pixel. Quality is identical, transparency is preserved, and savings come from removing redundant data — similar in spirit to zipping a file. Expect modest reductions, often in the 10–40% range depending on how the PNG was originally saved.

Lossy compression discards some color detail to shrink the file further. For flat graphics this can introduce visible banding around edges, so it's a poor fit for icons and text. For photographic PNGs it's often acceptable, especially at moderate settings.

Practical rule: start lossless. If the file is still too large, either lower the dimensions or convert to a more suitable format before reaching for lossy PNG compression.

Step-by-step: compress a PNG in the browser

Crush Image runs compression locally in your browser using JavaScript, so files never leave your device — useful when the image is sensitive or you simply don't want to wait on uploads.

1. Open the compressor and add your PNG. Drag and drop the file, click to upload, or paste from your clipboard. Multiple images can be processed at once.
2. Set your options. You can target a specific file size, resize dimensions, convert to WebP or JPEG, and compare before/after quality. Leave the format as PNG if transparency matters.
3. Let it compress. Processing happens locally and is effectively instant, with no upload or download wait.
4. Check the preview. Compare the compressed result against the original at the size it will actually be viewed. Zoom in on edges and any transparent regions.
5. Download. Save files individually or as a ZIP.

Expected result: a smaller PNG that looks the same at normal viewing size, with transparency intact if you kept the PNG format.

Keeping transparency intact

The most common mistake is converting a transparent PNG to JPG during compression. JPG has no alpha channel, so every transparent pixel is filled — usually with white, sometimes black. Once that happens the transparency can't be recovered from the compressed file.

To avoid it:

• Keep the output format as PNG (or WebP, which supports transparency) whenever the source has an alpha channel.
• Preview the result against a non-white background if you can, so a filled background is obvious.
• If a tool only offers JPG output, it isn't the right tool for a transparent image.

When the compressed PNG is still too big

Work through these in order:

• Resize first. Dimensions drive file size more than compression settings. A 4000px-wide PNG scaled to 1600px often shrinks more than any compression tweak.
• Reconsider the format. If there's no transparency and it's a photo, convert to JPG or WebP.
• Try lossy PNG compression if the image is photographic and you've already resized.
• Check the source. A PNG exported at maximum settings may carry avoidable overhead; re-exporting from the original editor at a sensible setting can beat compressing the bloated file.

Common problems and fixes

Transparency turned white or black. The file was converted to JPG. Re-run the compression with PNG or WebP output.

Image looks blurry or banded. Lossy compression was too aggressive, or the image was upscaled. Go back to lossless, or reduce dimensions instead of pushing compression harder.

File size barely changed. The PNG was already efficiently encoded, or it's a photo that belongs in another format. Resize or convert.

Text or thin lines look fuzzy. Lossy compression damages high-contrast edges. Use lossless for anything containing text or fine line work.

Quick reference

• Icons, logos, screenshots, text → lossless PNG, keep transparency.
• Photos without transparency → convert to JPG or WebP.
• Photos or graphics with transparency → PNG or WebP, never JPG.
• Still too large → resize before increasing compression.
• Verify by previewing at real display size, not zoomed in.