What is PNG?
PNG is the web's lossless image format: compression that never degrades the picture, and a real alpha channel for transparency. It is the right choice for screenshots, logos, line art and anything with sharp edges or text.
What is WEBP?
WebP is Google's image format for the web, and the rare one that does both jobs: lossy compression that beats JPEG at the same quality, lossless compression that beats PNG, and an alpha channel either way. Every current browser reads it; older software often still does not.