Compress WebP with a quality slider for photos, or true lossless mode for logos and graphics. Watch the file size update in real time.
Last updated: August 2026
2 Modes
Lossy or Lossless
1 to 100%
Quality Range
WebP
Always Output
Private
No Uploads
Drop image here to compress
JPEG, PNG, WebP, AVIF, HEIC accepted. Output is always WebP.
Compressing a photo? Stay in lossy mode around 75 to 85 percent. Compressing a logo or screenshot? Switch to lossless.
Drop or select your image
JPEG, PNG, WebP, AVIF or HEIC. Nothing is uploaded, it stays on your device.
Choose lossy or lossless
Lossy with a quality slider for photos, lossless for logos and graphics.
Adjust quality if using lossy
Pick a preset or drag the slider, the compressed size updates live.
Download your WebP
Once you're happy with the result, save the file to your device.
Other things people do with WebP files
WebP isn't one compression style with a single dial, it's two different algorithms in one file format. Here is roughly what to expect from each.
90 to 100 percent (lossy)
Close to visually lossless. Best for screenshots with text and detail-heavy product photography where fine edges matter. File size savings are smaller than lower ranges.
75 to 90 percent (lossy)
The recommended range for most photographs. Meaningful file size reduction with no visible difference at normal viewing sizes.
50 to 75 percent (lossy)
Noticeably smaller files. Good for hero images and banners viewed at a distance, where the eye is less sensitive to fine detail.
Lossless mode
Pixel-perfect output for logos, icons and flat-color graphics. Typically 20 to 30 percent smaller than an equivalent PNG with zero quality loss, no slider needed.
JPEG only does one thing: lossy compression with a quality dial. WebP is genuinely two formats sharing one file extension. Lossy WebP works on the same basic idea as JPEG, predicting blocks of pixels from their neighbors and encoding only the difference, which is why a quality slider makes sense there too. Lossless WebP is a completely different algorithm built on spatial prediction, color transforms and backward-reference coding, the same family of techniques PNG uses, just implemented more efficiently. A single quality slider can't represent both of those honestly, which is why this tool asks which mode you want before showing you the relevant controls.
The practical difference shows up most clearly on graphics rather than photographs. A photo has continuous tone and natural texture, exactly what lossy compression is designed to exploit, so quality 80 on a landscape photo looks essentially identical to the original while cutting the file size dramatically. A logo has the opposite properties: flat colors, hard edges, and often text. Lossy compression handles that content poorly at any quality setting, introducing subtle color banding and soft edges that are much more noticeable on a simple graphic than they would be in a busy photograph. Lossless mode sidesteps the problem entirely by not discarding anything, and because WebP's lossless algorithm is more efficient than PNG's, you usually still come out ahead on file size.
A detail that catches a lot of people out: in lossy WebP, the alpha (transparency) channel is compressed separately from the RGB color data, with its own quality behavior entirely. An image can have colors that look completely fine while the transparent edges show visible softness or fringing, because the two channels were never compressed by the same rules to begin with. If you're working with a transparent PNG that needs to stay clean around its edges, the safest path is lossless mode, which compresses the alpha channel exactly rather than approximately.
Pushing the lossy slider to 100 feels like it should be equivalent to lossless, since the file size gets close and the visible quality looks essentially perfect. It isn't the same thing. Lossy WebP at 100 percent still runs through the lossy encoding pipeline and still discards some information, it just discards very little. The output is typically bigger than a true lossless encode of the same image, and it still doesn't guarantee an exact pixel match. If exact fidelity is the actual goal, rather than just very high visual quality, use the lossless mode instead of maxing out the slider. If you're starting from an existing PNG and want to compare both paths directly, the PNG to WebP converter is worth trying alongside this tool.
Using lossy compression on a logo or icon
Sharp edges and flat colors are exactly what lossy compression handles worst, even at high quality. Switch to lossless mode instead, it's usually smaller than a high-quality lossy encode of the same graphic and has zero fringing risk.
Setting lossy quality to 100 instead of switching to lossless
Lossy WebP at 100 percent still discards some data and typically produces a larger file than true lossless mode while not guaranteeing pixel-perfect output. If exact fidelity matters, use the lossless toggle rather than maxing out the slider.
Not checking transparent edges after lossy compression
WebP compresses the alpha channel separately from color in lossy mode. An image can look fine at a glance but show soft or fringed edges around transparent regions specifically. Zoom into the edges before shipping, or use lossless mode if the image has transparency that needs to stay clean.
Recompressing an already-compressed WebP
Like any lossy format, running a lossy WebP back through lossy compression again throws away more data each time. Always compress from the original source file rather than a WebP that has already been through a compressor.
Assuming WebP needs a fallback everywhere
Browser support for WebP is effectively universal in modern browsers. A fallback is really only worth the added complexity for niche tooling like some PDF generators, older print workflows, or specific legacy systems that were never updated to decode it.
75 to 85 percent is the sweet spot for most photographs, giving a large file size reduction with no visible loss. Push higher, toward 90 to 95, for detail-heavy images like product close-ups or screenshots containing text, where fine detail and sharp edges matter more.
Use lossless for logos, icons, flat-color illustrations and screenshots, especially anything with sharp edges, precise colors or text. Lossy compression can introduce visible color fringing and softness around hard edges even at high quality settings, while lossless WebP still typically produces files 20 to 30 percent smaller than an equivalent PNG with zero quality loss.
No. Lossy WebP at 100 percent still uses the lossy encoding algorithm and still discards some data, it just discards very little. It typically produces a larger file than true lossless mode while still not guaranteeing pixel-perfect output. If you need an exact copy, use lossless mode rather than maxing out the lossy quality slider.
Lossy WebP is typically 25 to 35 percent smaller than an equivalent JPEG at the same visual quality. Lossless WebP is typically 20 to 30 percent smaller than an equivalent PNG with identical pixel data. Actual savings depend on the specific image content.
In lossy WebP, the alpha (transparency) channel is compressed separately from the color data and has its own quality behavior. Aggressive lossy settings can leave transparent edges looking soft or fringed even when the visible colors look fine. If your image relies on clean transparency, lossless mode avoids this entirely.
No. All compression happens entirely in your browser using WebAssembly. Your image never leaves your device. You can verify this by disconnecting from the internet after the page loads, the tool still works.
No sign-up. No uploads. Drop your image above and download the compressed version in seconds.
