Notice the difference between the two photos of that wild flowering cherry tree, above?
Go ahead, take a closer look.
The file size of the WebP version, on the right, is more than 30 percent smaller than the file size of the JPEG version on the left: 173 KB for WebP version compared to 251 KB for the JPEG version.
Visually, they look a lot alike.
But the difference in file sizes is significant. And that difference can quickly add up if your site uses images. Do I have to remind you that pictures have a tendency to multiply?
That’s why you should be adding WebP to your web workflow.
What is WebP?
WebP technology has actually been around for a while. Google introduced this image format, and open-sourced it, back in 2010 to enable webmasters and web developers to create smaller, richer images that make the web faster.
By using the WebP image format, you can reduce the size of the images on your site by 20 percent or more, without losing significant resolution or detail. Smaller image file sizes means a faster-loading site, which users (and content editors) love. Another benefit is the boost to your budget, as using smaller images often allows you to reduce your bandwidth charges.
A speedy site also gets SEO points from search engines like Google and Bing, improving your site’s ranking and helping your content be more easily discoverable by audiences. As more and more content is being created and uploaded to the web every second, compression tools like WebP are starting to become more mainstream and catch on with the popular browsers. Today, Chrome and Firefox offer full support. Other browsers appear to be moving in that direction. Here’s an up-to-date resource that tracks how the WebP the browser adoption process is going.
For a more in-depth overview of how the WebPproject got started and it’s current capabilities, check out this resource.