Starting with WordPress 5.8, you’ll be able to use the WebP image format the same way as JPEG, PNG, and GIF formats. A random sample of 11,000+ images from Google Image Search.24 images from Kodak true color image suite.If you want to learn more about Google’s methodology, you can find direct links to the full results below:īoth tests are based on over 11,000 images, including: 25-34% smaller than comparable JPEG images.WebP vs JPG vs PNG Size ComparisonĪccording to Google’s tests, WebP images are: In our WordPress WebP tutorial below, we’ll show you how to handle this so that all of your visitors have a great experience. So while it certainly has majority support, that 5% is a minor hurdle, especially when it’s Safari users on older macOS versions. In total, around 95% of Internet users use a browser that supports WebP. However, IE usage has shrunk to less than 1% of total internet users. Internet Explorer also lacks WebP support (but Edge supports WebP as it’s based on Chromium). iOS and macOS Safari ( macOS 11 Big Sur and later only)Īt the time that we’re writing this post, Safari supports WebP images only partially.WebP images are supported by popular browsers such as: Unfortunately, while browser support has grown a lot, WebP compatibility is still not universal. If you want to learn about the WebP compression techniques in detail, this article is a good starting point.įor WebP images to work, a visitor’s web browser needs to support them. Lossless WebP uses a much more complicated set of methods that were developed by the WebP team. Predictive coding uses the values of neighboring pixels in an image to predict values and then only encodes the difference. With lossy compression, WebP uses something called “predictive coding” to lower the file size. So how does Google’s WebP format achieve these reductions in file size?įirst, it supports lossy and lossless compression, so the exact reduction will depend on whether you’re using lossy or lossless compression. That’s the reason why if you run your site through PageSpeed Insights, one of the many recommendations is to Serve images in next-gen formats like WebP: Google PageSpeed Insights suggests using WebP images
0 Comments
Leave a Reply. |