Blog Upload Shorten Tools Gallery FAQ Contact Sign in
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

⚡ PNG to WebP

Typically 30%+ smaller files

90% is plenty for photos and illustrations; use 95%+ for screenshots of text.
WebP supports transparency. Uncheck to flatten transparent areas onto the colour below.

🔒 Everything runs inside your browser — your files are never uploaded to our servers and we never see them. Close the tab and nothing is left behind.

PNG to WebP: before and after example
Original on the left, the actual output of this tool on the right — not a mock-up. Any file sizes or dimensions shown are real measured values.

Step-by-step

  1. Choose your images PNG and JPG both work, and you can select many at once. Transparent PNGs keep their transparency intact.
  2. Decide about transparency Leave "keep transparency" on to preserve it. Turning it off paints your chosen background colour first and shrinks the file a little further — worth doing when you know transparency is not needed.
  3. Set the quality 90% is visually indistinguishable for almost any image. Drop to 80% for smaller files; keep icons and line art at 90% or above.
  4. Note the "keep original if larger" option It is on by default. When the source is an already-optimised small PNG — a palette-compressed icon, for instance — WebP can come out larger, and keeping the original is the sensible outcome.
  5. Run it and download Each row shows the percentage saved. Several files can be taken at once with "Download all (ZIP)".

When you would use this

Moving a whole site to WebP

This is what WebP is really for. At equivalent quality it is 25–35% smaller than PNG and around 25% smaller than JPG; converting a site wholesale produces a noticeable improvement in load time and Core Web Vitals.

Slimming down assets with transparency

Logos, cut-out product shots, and UI assets could previously only be PNG, and the files got big. WebP supports transparency and lossy compression together — the only mainstream format that does both.

Image-heavy pages

On product grids, portfolios, and albums with dozens of images per page, saving 30% per image is saving 30% on the page. This is where the difference is most obvious.

Where to be careful

HTML email, some upload fields that accept only .jpg / .png, and very old systems may not support WebP. Ask before handing files to someone else.

Why WebP is worth it

WebP is Google's image format, and at equivalent visual quality it's typically 60–80% smaller than PNG and 25–35% smaller than JPG. It supports transparency (like PNG) and lossy compression (like JPG), so you get the best of both.

Compatibility stopped being a concern years ago: Chrome, Safari, Firefox and Edge all support it, and iOS has since version 14. Unless you're feeding very old software, there's no reason not to serve WebP on the web.

What it does for page speed

Images are usually more than 60% of a page's total download weight. Swapping a homepage's images to WebP often halves load time outright — one of the few optimisations you can actually feel. Google's Core Web Vitals (LCP in particular) reward it, so there's a real SEO benefit too.


Frequently asked questions

Is WebP support good enough now?
Yes. Chrome, Edge, Firefox, and Safari (including iOS) all support it, as do the social platforms and mainstream CMSs. The real exceptions left are very old systems, some email clients, and upload forms that accept only .jpg / .png. Use it freely for the web; ask first when handing a file to someone else.
How much smaller will it get?
Typically 25–35% smaller than PNG at equivalent quality, and more than half for flat, low-detail graphics. It is not guaranteed, though — if the source is an already-optimised small PNG (a palette-compressed icon, say), WebP can come out larger. This tool has a "keep the original if it grows" option, on by default.
Is transparency preserved?
Yes — WebP fully supports an alpha channel, which is exactly what makes it a viable PNG replacement where JPG is not. Note the "keep transparency" toggle on the page: turning it off paints your chosen background colour first, useful when you know transparency is not needed and want the file smaller still.
Is WebP lossy or lossless?
It can be either. This tool uses lossy mode with a quality slider, because that is where the real savings are. At 90% quality the difference is invisible for almost any image. If your file is a pixel-exact master you will edit again, it should stay PNG.

What you might need next

Image work rarely ends in one step. These pair up with PNG to WebP most often:

Want to share the result? Upload turns images, photos, or videos into a short link with optional password, expiry, and view limits. Or head back to all 12 tools.


More tools