WebP vs PNG: which should you use?

WebP

• Often smaller than PNG for similar visuals
• Supports transparency (unlike JPEG)
• Encoding support varies by browser generation

PNG

• Lossless and predictable
• Larger files for many screenshots/graphics

Practical rule

• Need transparency + smaller files? Try WebP.
• Need maximum compatibility for arbitrary viewers? PNG.