How to use
- Open bars-32x16.png.
- Compare WebP quality 80 and quality 60.
- Stop if the browser will not encode WebP, rather than renaming a PNG.
Formula / how it works
bars-32x16.png at WebP quality 80 is 32 by 16. Quality 60 is also 32 by 16. On this flat red-and-blue icon the two files are the same small size, because there is little to quantise. A photograph will move. The size line is the measurement.
The encoder is the browser's WebP encoder. If that encoder is missing, the page stops rather than quietly writing a PNG with a .webp name. Chrome in this run did write WebP. The pixel grid is unchanged. Transparency in a PNG can survive in WebP. These bars are opaque, so that path is not what the sample shows.
Use WebP to JPG when the destination refuses WebP. Use this page when you want the smaller container and the browser can encode it.
Quality 80 and quality 60 of bars-32x16.png both stay 32 by 16. The flat red and blue give the encoder little to cut, so do not treat this icon as a promise about a photograph. The browser wrote a real WebP in this run. If a browser cannot encode WebP, the page stops instead of renaming a PNG. Opaque bars do not show whether alpha survives. A PNG with a transparent logo is the file that would answer that.
Confirm the download is WebP, not a renamed PNG. This run was a real WebP at 32 by 16. Quality 60 on the bars is not a reason to expect a photograph to stay the same size. Take a noisy photo, try 80 and 60, and read the two size lines. If the browser you care about cannot encode WebP, this page will say so instead of handing you a file that only looks right because of its name.
Both quality settings keep the bars at 32 by 16, and the download from this run was a real WebP. Flat colour hides the difference between 80 and 60. A photograph will not hide it. Read those two size lines on the photograph before you delete the PNG. If the browser cannot encode WebP, stop is the correct result. A renamed PNG would be a lie. Alpha in a different PNG is a question these opaque bars do not answer.
Keep the PNG beside the WebP until a photograph, not these bars, has shown you which quality you actually want. Eighty and sixty are both legal. The icon does not pick a winner. A logo with a soft edge might. The browser that encoded this sample can encode WebP. A browser that cannot should fail visibly. The bars stayed 32 by 16 at both qualities, which is the grid check, not a size contest. A photograph is the size contest. Keep the PNG until that contest is finished. Eighty and sixty are both legal on the bars, and neither one changed 32 by 16. A photograph is where those two qualities part company, and the size line is the only score that counts.
Back to a PNG is WebP to PNG. A JPEG destination is PNG to JPG.
Worked examples
Bars at WebP quality 80
Inputs: n2w-f: bars-32x16.png | n2w-q: 80
On this page, take bars-32x16.png, then 80 and press Convert. A missing WebP encoder stops the page.
Result: PNG to WEBP: 32×16. 0.6 KB
Bars at WebP quality 60
Inputs: n2w-f: bars-32x16.png | n2w-q: 60
On this page, take bars-32x16.png, then 60 and press Convert. A missing WebP encoder stops the page.
Result: PNG to WEBP: 32×16. 0.6 KB
Use cases
- Writing a WebP of the flat bars.
- Seeing that quality 60 did not shrink this icon further.
- Keeping the 32 by 16 grid.
- Refusing a silent fallback to PNG.
Tips & limitations
- A photograph will change size between 80 and 60. These bars may not.
- The encoder is the browser.
- Opaque bars do not demonstrate alpha in WebP.
- Read the size line.
FAQ
Did quality 60 change the bars grid?
No. Both WebP files are 32 by 16.
Who encodes the WebP?
The browser. This run produced a real WebP, which sharp then identified as WebP.
What if the browser cannot encode WebP?
The page stops. It does not pretend a PNG is a WebP.
Is the pixel size changed?
No. 32 by 16 stays 32 by 16.
Will a photo match this file size?
No. The bars are two flat colours. A photo has more to quantise.
Is the PNG uploaded?
No.
The WebP of bars-32x16.png is a flat icon. Do not treat its size as a prediction for a photograph.