WebP to PNG Crop Converter

Load a WebP, drag the crop handles to define exactly the area you need, preview the result, then download a lossless PNG. Transparency is fully preserved. Everything runs in your browser — your image never leaves your device.

🖼️

Drop a WebP here

or Browse Files  ·  WebP supported

What This Tool Does

This tool loads a WebP image directly in your browser, presents an interactive crop overlay with draggable handles, and converts the selected area to a PNG file. No server upload is required. The full workflow — loading, cropping, and PNG encoding — runs entirely in client-side JavaScript using the HTML5 Canvas API. WebP files are natively decoded by all modern browsers, so no external decoder library is needed. PNG encoding is lossless: every pixel in the cropped region is preserved exactly. Transparency (alpha channel) is fully retained — unlike JPEG conversion, no white background compositing occurs.

Who This Is For

  • Web developers who need a lossless PNG with transparency from a WebP source
  • Designers extracting a logo or icon region from a WebP file for use in image editors
  • Content creators preparing WebP assets for platforms or tools that require PNG format
  • Anyone who needs to trim and convert a WebP to PNG without installing desktop software

WebP vs PNG: Format Comparison

PropertyWebPPNG
CompressionLossy or losslessLossless (DEFLATE)
File sizeSmaller — often 26% smaller than PNGLarger, but exact pixel data retained
Quality lossNone (lossless mode) or tunable (lossy)None — always lossless
Browser supportAll modern browsersUniversal — every browser and device
TransparencyFull alpha channelFull alpha channel
Best forWeb images optimized for bandwidthGraphics, logos, screenshots, editing
Re-encodingLossless mode: safeAlways safe — lossless format

Frequently Asked Questions

Will transparent areas in my WebP be preserved in the PNG?
Yes. PNG supports a full alpha channel. The tool draws the cropped WebP region directly to a transparent canvas and encodes the result as PNG, preserving all opacity values. No background compositing is applied.
Is there a quality slider for PNG?
No — PNG is always lossless. There is no quality trade-off to make. The browser's built-in PNG encoder produces an optimally compressed file at full fidelity every time. File size is determined by image content, not a quality setting.
How precise is the crop tool?
The crop operates at native pixel accuracy on the original WebP dimensions. The canvas is scaled to fit your screen for display, but crop coordinates are mapped back to the full-resolution image before the PNG is generated.
Can I move the crop selection after setting it?
Yes — click and drag inside the crop rectangle (away from the handles) to reposition it anywhere within the image. Handles resize; the interior pans.
What browsers are supported?
All modern browsers — Chrome, Firefox, Edge, Safari (desktop and mobile). The tool uses standard HTML5 Canvas and Blob APIs that have been universally supported since 2015.
Is there a file size limit?
There is no server-imposed limit because no upload occurs. The practical limit is your browser's available RAM. WebP files are natively decoded by all modern browsers. Most modern desktops handle WebP files up to 50 MP comfortably.