Skip to main content
floow.designfloow.design

WebP Converter

Convert PNG and JPEG to WebP, or WebP back out, with a quality slider and a live size comparison.

Convert freeSign up to download the converted fileNo usage limits
Drop an image here, or click to chooseProcessed in your browser — nothing is uploaded
Add an image to see the converted result and its file size.

Convert images to WebP and see exactly what you saved before you commit. The quality slider updates the output live, so you can find the point where the file gets small but the artefacts have not arrived yet.

Everything runs in your browser through the Canvas API — no upload, no queue, no server-side processing of your assets.

What WebP is and how much it saves

WebP is an image format developed by Google that supports both lossy and lossless compression plus transparency, which historically meant choosing between JPEG and PNG. In practice it lands 25–35% smaller than an equivalent-quality JPEG and dramatically smaller than PNG for photographic content. The gap is widest on large images and narrows on small icons, where PNG's palette compression is already efficient.

Where WebP is the wrong choice

Line art, icons and anything with hard edges and flat colour often compress better as PNG or ship better as SVG, which stays crisp at any density. WebP's lossy mode also softens fine text inside images. If the asset contains readable type, either use lossless mode or reconsider whether the text should be baked into an image at all.

Quality settings that hold up on a phone

Around 80 is the usual sweet spot for photography — below 70 the blocking becomes visible on gradients and skin tones, and above 90 the file grows quickly for detail nobody perceives on a phone. Always judge at the size the image will actually be displayed, not zoomed to full screen on a desktop.

How to use the webp converter

  1. Drop in a PNG, JPEG or WebP file — it is read locally and never uploaded.
  2. Choose the output format: WebP for the smallest files, PNG for lossless, JPEG for maximum compatibility.
  3. Adjust the quality slider and watch the converted file size update live. Start at 80.
  4. Compare the original and converted sizes, and check the preview for artefacts on gradients.
  5. Download the converted file when you are happy with the size-to-quality trade.

Use it with

  • SVG to PNG Converter — Rasterise any SVG at 1x, 2x and 3x, with a transparent or solid background.
  • Image to Base64 — Turn an image into a data URI you can paste straight into CSS, HTML or JSON.
  • App Icon Generator — Upload one square icon and get every iOS and Android size, packaged and ready to drop into your project.

Frequently asked questions

Is WebP supported on iOS and Android?
Yes. WebP has been supported natively on Android for years and on iOS since version 14, and every current mobile browser renders it. For an app shipping today there is no meaningful compatibility reason to avoid it.
Does converting to WebP lose quality?
In lossy mode, yes — that is where the size saving comes from. At quality 80 the loss is generally invisible at phone display sizes. Converting to PNG instead is lossless but produces much larger files for photographic content.
Are my images uploaded anywhere?
No. Conversion happens entirely in your browser via the Canvas API. Nothing is sent to a server, which is also why it is instant.
Can I convert WebP back to PNG or JPEG?
Yes — drop in a WebP file and pick PNG or JPEG as the output. Note that converting a lossy WebP to PNG will not restore detail the original compression discarded.

Related tools