PNG vs WebP

I wanted to share today about WebP files. Currently we add png images to our websites and I believe we should move towards converting our images to WebP files. WebP files has a number of benefits:

• Faster loading due to smaller image size
• Very compatitable with a lot of modern browsers
• Boosting SEO

Adobe article highlights the good and the bad.

Googles article goes into more depth.

Adobe does conversion of png to WebP pretty easily by just saving an image you import and saving it as a WebP file.

Here’s an example comparing image quality after cutting down the image size from 900 KB to 168 KB. Using this free online converter.