AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Still, for high-quality image needs - say your website is about photography - you might be better off sticking with JPEG for now. The format does offer a “non-lossy” option but then the files aren’t as small, though you generally will still get some additional savings versus other formats. That means the compressed image isn’t always identical to the original, though the differences are generally hard to spot. WebP is a “lossy” format (at least at its usual default settings). PNG allows varying levels of transparency, but no animation. GIF images can be animated, but they only allow two levels of transparency - fully opaque or fully transparent. The files are also smaller on disk, so you save room on your web server, in case space is at a premium there (but see below for more on this).Īnother advantage is this format combines the ability to use partial transparency and animation. Shaving a third of a second off your page load time is nothing to sneeze at. But it gives the general idea of what difference compressing your images with WebP format makes. That wasn’t a scientific sample - timings aren’t consistent because they depend on server load and other factors. To summarize, the four images were originally 119KB, 304KB, 221KB, 132KB and took 243ms, 294ms, 141ms, 230ms to transmit, for a total of 776KB and 908ms.Īfter conversion the sizes were 62KB, 39KB, 57KB, 80KB and downloaded in 176ms, 117ms, 173ms, 135ms for a total of 238KB and 601ms. ![]() Then I converted the files to WebP format and repeated the test. I used the browser’s developer tools (F12 key in most browsers), Network tab, to time the page load and see how large the image files were. The images were all visible as the page loaded (which is important because these days, lazy loading is generally the default - the browser doesn’t ask for the image to be sent until at least part of it is visible on screen). To illustrate the difference, I created a page with an image gallery of four images - two PNG and two JPEG.
0 Comments
Read More
Leave a Reply. |