![]() ![]() Merge images as sprites where appropriate to reduce the number of HTTP requests.Your major savings will continue to come from judicious use of compression think of these new tools as a “final squeeze” to wring every last bit from your images. These tools are “lossless” compressors: they create smaller image files by removing redundant bytes, not by reducing image quality. Make sure that you’ve compressed the images first.These tools will only optimize what you give them: with the exception of SmushIt, they won’t change a photograph from a GIF to a PNG, even if the latter is a far better choice for file size. Make sure that you have saved the site’s images in the most appropriate format.These savings can be anywhere from 5 to 80%, potentially turning a 50K JPEG that was already well-compressed into a file 30K in size.īefore trying for these achievements, we need to ensure that you’ve done a few things: We need to use a second tool to strip this binary information out, reducing the file size further without affecting visual quality. Unfortunately, that isn’t true: PhotoShop will often leave a significant amount of file overhead when exporting an image as a JPEG, GIF or PNG. This step sometimes confuses web developers, who have the reasonable expectation that PhotoShop should optimize images as part of the Save For Web process. Images make up two-thirds of the total file size of an average web page, so it makes sense that cutting down images will result in the greatest savings to bandwidth and load times. ![]() The most effective way to speed up page load times on your site is to reduce the file size of the images. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |