![]() Thanks, Shane, for bringing up the topic of image compression in this post. If you have any questions or feedback, please leave a comment below! You are now armed with the knowledge and the tools to choose the right image format and keep your website fast and beautiful looking.Īre you looking for amazing images to use on your website? Here's how to find free images for your site. Webp is well supported in web browsers, but not yet very common in image editing programs. Webp files are often smaller than either JPEG or PNG files, while maintaining high image quality. This is an image format made specifically for the web and for small file sizes. One image format to keep an eye out for is webp. Most of these are simply worse than JPEG or PNG for use on the web, so they're not worth discussing in greater detail (at least not in the scope of this article). ![]() WP Smush - another WordPress plugin that auto-compresses your images.Īside from PNG and JPEG, there are various other image formats such as GIF, BMP and TIFF.The Kraken WordPress plugin - to automatically compress images you upload to your site (note: our themes have this feature built in).Excellent image compression while retaining high image quality. Here are some services and tools you can use for image compression: In other uncertain cases, it's best to save the image in both formats, compress them and compare file sizes and visual quality to make the decision of which format to upload to your site. ![]() That way, we retain the crispness and readability of the text in the image. In the case of a screenshot, it's almost always best to save it as PNG. Here's what strong JPEG compression does to a graphic: This works fine for photographs, but looks horrible for graphics and screenshots. JPEG uses a method of compression that groups together multiple similar pixels and kind of blurs the lines between things. So, images need to be compressed and in the compression the differences between JPEG and PNG become clearer. We've seen this exact problem affect many of the websites that we've reviewed over the years ( like this one). Loading several, large, uncompressed images can slow your pages down to an absolute crawl and that will send your bounce rate through the roof. That's because these images are uncompressed and as a general rule, you should never use uncompressed images on a website. Even the smaller file in this comparison is much too large for use on the web, at over 1 MB. The image quality is almost identical, but the wrong image format (PNG, in this case) makes for double the file size!īut we're not done yet. And when it comes to website speed and conversion rates, you don't have several seconds to spare. Even on a fast connection, large image files can take several seconds to load. But if that same file is on a website, it has to be downloaded. The file is uncompressed and because it's saved on your hard drive you can open it in an instant. It's all well and good to look at a high-res picture on your computer. Good image compression is about finding a good trade off between file size and quality. In general, stronger compression = smaller file size = worse image quality. Image compression is about reducing the file size of an image as much as possible, without compromising the image data and quality too much. So, if there's no perceptible difference between the images, why not just save everything as JPEG and be done with it? When you compare an image in JPG and PNG side by side, you will probably not be able to tell the difference. If it has sharp lines, clearly separated areas of flat colors and text, PNG is the way to go. As a rule of thumb: if it has many different colors, gradients and textures, JPEG is the right file format.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |