JPG format allows us to control the quality of the photo (at the expense of size) and it's great in many conditions, particularly when the photo content is not uniform in terms of color and gradient (which is generally the case with most photos). The most common image formats are JPG and PNG. The format that you choose for the photos on your site plays a very important role is achieving the perfect quality to size ratio that works best for your site's needs. In this case, it's worth looking into whether the use of vector graphics would be a better option that provides some speed benefits, though this isn't always possible. And if we really care about the quality of our photos and how they appear on these types of screens, then we are doomed to a heavier website (though it will certainly look great!). Therefore, it's a good idea to audit the images on your site and verifying whether there's any opportunity for reducing the file sizes while still maintaining the site's aesthetic appeal this may be through compression or resolution reduction, removal of metadata, etc.Ī certain exception here would be images that are intended to be displayed on high-resolution screens - in this situation the images should be 2-3 times larger than the area in which they are displayed to ensure maximal quality. This is great when editing photos, but not so much when uploading those photos to a website where the size of the file may be a concern.
Photos taken with your own camera will also often be RAW that is, a pure image file that is usually not compressed in any way.
Remember that photos that you download or even those you take with your own camera/phone will include additional elements (such as EXIF data) that provide metadata for the photo, but don't directly affect the quality. This is a big problem, as it almost always leads to a significant increase in the size of the files a user's browser must download when visiting the site. Website owners will often download photos in high resolutions and then upload them directly to their site without taking any other steps. One of the most common mistakes people make when building their site (that is also one of the most impactful in terms of site weight and load speed) is using images sizes that are inappropriate for our needs. Though this can be a long-winded task, the speed benefits that it provides can be much more noticeable than other, simpler optimizations, so it's absolutely worth investing the time. two-thirds of the total page size.įor this reason, if you want your site running as fast and smoothly as possible you'll certainly need to examine the images or other multimedia elements on your website since it is here that you'll most likely find the largest opportunity for optimization. In fact, the HTTP Archive Page Weight report shows that in the majority of cases graphical elements and images account for approx.
Of all the parts of a website that have an effect on its overall weight, images, and multimedia elements usually have the greatest impact.
0 kommentar(er)
