PNG → WebP Converter

Drag & Drop your .png file here, or pick a file below. Nothing is uploaded.

Creates a small PNG badge in-memory to demo conversion.

Output width (px)

If only width is set, height is computed to keep aspect ratio.

Output height (px)

If only height is set, width is computed to keep aspect ratio.

Quality (0-100)

Higher = larger file; 80 is a good default. Transparency is preserved.

Advanced

Slight sharpen Exact stretch (disable aspect fit)

Sharpen applies a tiny unsharp mask after resizing.

Original PNG preview will appear here after loading.

Converted WebP preview will appear here after conversion.

Original size:

Output size:

PNG → WebP - Quick Cheat Sheet

Transparency: WebP supports alpha; transparent PNGs stay transparent.
Quality: 60-85 is a solid balance. Lower values reduce file size at the cost of artifacts.
Resizing: Set width/height to resize; leave blank to keep original. One dimension preserves aspect ratio.
Sharpen: Light unsharp mask can improve resized images (logos/UI). Skip for photos if artifacts appear.
Metadata: EXIF/ICC aren't preserved via canvas export. Keep originals if you need metadata.
Limits: Very large images may fail due to browser canvas memory limits.
Privacy: Everything runs locally in your browser-no uploads.

How output size is chosen

If both width & height set: we render exactly that size (optionally stretch if enabled).
If only one is set: the other is computed from the original aspect ratio.
If neither set: we keep the original pixel size.