pictuary
How to Reduce the File Size of a PNG Without Losing Transparency

How-to guide

How to Reduce the File Size of a PNG Without Losing Transparency

5 min read

To reduce the file size of a PNG without losing transparency, use lossless compression to re-encode the PNG — reducing file size by 10–30% while keeping every pixel identical — or convert to WebP lossless for a 25–35% reduction with full alpha channel support. Both approaches preserve transparency completely.

Free image compressor — no account required

No account · Files deleted within 15 minutes · EXIF data removed

Compress →

Why PNG files are disproportionately large

PNG uses lossless encoding — it stores every pixel's data exactly, without discarding anything. This is the right choice for logos, icons, screenshots, and graphics with text, where every pixel must be exactly correct. It is a significant file size penalty compared to lossy formats.

A typical logo as a PNG:

  • 400×200 px PNG: 30–80 KB
  • Same logo as WebP lossless: 20–55 KB (25–35% smaller)
  • Same logo as WebP lossy (quality 85): 15–35 KB (50–60% smaller, with potential edge artifacts)

A photographic PNG is even larger relative to its JPEG equivalent:

  • 1200×800 px photograph as PNG: 1.5–4 MB
  • Same photo as JPEG quality 85: 150–400 KB
  • Same photo as WebP quality 80: 100–280 KB

PNG is the wrong format for photographs. It is the right format for graphics where transparency and exact pixel accuracy are required. The question this article addresses is: given that you have a PNG that needs transparency, how do you make it as small as possible?

Two approaches to compressing a transparent PNG

Approach 1 — Lossless PNG re-encoding (10–30% reduction)

Lossless PNG re-encoding applies more efficient internal compression algorithms to the existing PNG data. It does not remove any pixel information — the output is bit-identical to the original when decompressed. What it removes:

  • Embedded metadata (EXIF, ICC profiles, author information) — including the color profile
  • Redundant or unoptimized filter choices (PNG uses scan-line filtering before compression)
  • Sub-optimal Zlib compression parameters

The result is a smaller file that is visually and technically identical to the original. The reduction is typically 10–30% depending on how well the original PNG was encoded.

When to use lossless PNG re-encoding:

  • The destination requires PNG format specifically (certain print workflows, legacy CMS platforms)
  • The file will serve as a source master that may be re-edited
  • You want the smallest possible file in PNG format without any format conversion

Approach 2 — Convert to WebP lossless (25–35% reduction)

WebP lossless uses a different compression algorithm than PNG — specifically designed for web delivery — that consistently produces smaller files than PNG lossless at identical visual quality. The conversion is lossless: the output WebP is pixel-identical to the source PNG, including every alpha channel value.

The reduction: 25–35% smaller than the PNG original. On a 500 KB logo PNG, this means a 325–375 KB WebP lossless. On a 1.2 MB icon sheet PNG, it means an 800–900 KB WebP.

When to use WebP lossless:

  • The image is going to a website (all modern browsers support WebP in 2026)
  • The image is going to a social platform or web-based tool
  • File size is a priority and the destination is confirmed to support WebP

Browser support note: WebP reached 97% global browser support in 2026. The remaining 3% are legacy environments — primarily older Android WebViews and very old iOS versions. For production web use, WebP lossless is safe as the default for transparent images.

Lossy compression on transparent PNGs — use with caution

Lossy compression applied to transparent images can produce visible edge artifacts:

  • Halos: Semi-transparent pixels around edges that were originally fully opaque or fully transparent
  • Color bleeding: Colors from the foreground leaking into the transparent area
  • Anti-aliasing degradation: Softening of precisely anti-aliased edges on text and logos

The third artifact is the most troubling for logos and wordmarks. Anti-aliasing works by placing semi-transparent edge pixels that blend smoothly between the foreground color and the transparent background. These delicate blending pixels are exactly what lossy compression distorts at quality settings below 80 — the result is jagged or haloed edges where the original was crisp.

These artifacts are most visible at quality settings below 80, particularly on high-contrast edges — for example, a dark logo on a transparent background, or white text with a transparent background.

Rule: For logos, icons, and text graphics with transparency, use lossless. For photographic images with transparency where edge sharpness is not critical, lossy at quality 80 or above is acceptable.

PNG vs WebP lossless — expected file size comparison

Image typePNG sizeWebP lossless sizeReduction
Logo (400×200 px)~60 KB~40–45 KB25–33%
Icon sheet (800×800 px)~150–300 KB~100–200 KB30–35%
UI screenshot (1200×800 px)~400–800 KB~280–560 KB30%
Photograph with alpha (1200×800 px)1.5–4 MB1–2.6 MB30–35%

Should I delete PNG originals after converting to WebP?

No. Keep the original PNG as the master source file. PNG is a universal archival format that can be opened and re-exported by any image software. WebP has excellent but not universal tooling support in design and print applications. The workflow should be: keep PNG as master → export WebP lossless for web delivery.

Step by step

  1. Upload your PNG to the Compress tool

    Go to pictuary.com/compress and upload your PNG file. Pictuary accepts PNG files of any size. No account is required.

  2. Choose your approach — lossless PNG or WebP lossless

    Two options are available for transparent PNGs: Option A — PNG lossless: Keeps the PNG format and applies lossless re-encoding. Removes metadata, optimizes internal patterns, and reduces file size by 10–30%. Transparency is fully preserved. Use this when the destination requires PNG format specifically — for example, some older print workflows or CMS platforms that do not accept WebP. Option B — WebP lossless: Converts the PNG to WebP using lossless encoding. Reduces file size by 25–35% compared to the PNG original with identical visual quality and full alpha channel support. Use this for any web or digital destination where WebP is supported, which includes all modern browsers and major social platforms in 2026.

    Lossless compressionA compression method that reduces file size without discarding any image data. The decompressed image is pixel-identical to the original. PNG and WebP both support lossless compression. Lossless compression achieves smaller reductions than lossy — typically 10–35% versus 50–70% — but is appropriate where every pixel must be preserved exactly. See full definition →
  3. Set format and quality

    For PNG lossless, no quality slider applies — lossless is always pixel-identical. For WebP lossless, select the lossless mode toggle. Do not apply lossy compression to logos, icons, or any PNG with transparency and sharp geometric edges — artifacts on transparent edges become visible at lossy quality settings below 80.

    PNGPortable Network Graphics — a lossless image format that supports full transparency (alpha channel). PNG is the standard format for logos, icons, screenshots, and any image requiring a transparent background. PNG files are significantly larger than JPEG or WebP at equivalent visual quality because lossless encoding stores more data per pixel. See full definition →
  4. Download

    Click Compress & Download. Your compressed PNG or WebP file downloads with EXIF data removed. Transparency is fully preserved in both output formats. Files are deleted from Pictuary's servers within 15 minutes.

Frequently asked questions

Does compressing a PNG affect transparency?

Not with lossless compression. Lossless PNG re-encoding and WebP lossless conversion are both pixel-identical to the original — the alpha channel is preserved completely. Lossy compression applied below quality 80 can introduce edge artifacts on transparent boundaries: halos, fringes, or semi-transparent pixels that were originally fully transparent. For logos and icons with crisp transparent edges, always use lossless.

Can I convert a PNG to WebP and keep the transparency?

Yes. WebP supports a full alpha channel — the same transparency model as PNG. A PNG with a transparent background converted to WebP lossless produces a WebP with an identical transparent background. The conversion is pixel-identical when lossless mode is used.

PNG or WebP lossless for logos on a website?

WebP lossless is almost always smaller — typically 25–35% reduction over the equivalent PNG — and is supported by 97% of browsers in 2026. Use WebP lossless as your default for web logos and icons. Keep the original PNG as your master source file in case you need to re-export to a format that requires PNG.

Why are PNG files so much larger than JPEG?

PNG uses lossless encoding, which stores every pixel's data exactly. JPEG uses lossy encoding, which permanently removes some data to achieve a smaller file. For photographs — continuous-tone images with millions of slightly different pixel values — lossless storage is extremely inefficient. PNG is appropriate for images where exact pixel accuracy matters — logos, screenshots, graphics with text — and much less appropriate for photographs.

Can I use lossy compression on a transparent PNG?

With caution. Lossy compression at quality 80 or above on a WebP with transparency is acceptable for most use cases — the quality loss is minimal and the alpha channel is preserved. Below quality 80, visible edge artifacts can appear on transparent boundaries, particularly on logos and text with anti-aliased edges. For logos and icons, stick to lossless.