![]() ![]() This type of optimisation offers the least amount of savings, but is still worth doing if you want to push your web performance to the limit! GIMP save dialog, with compression and EXIF options This information is not needed to display the image, so it can be stripped from the image file without affecting the image itself. EXIF (Exchangeable Image File Format) metadata contains information such as date and time of image capture, camera settings, copyright information, and even geolocation information (e.g. Strip image metadataĪ further optimisation that can be performed is to strip EXIF image metadata. Depending on your image, a PNG8 will often be fine instead of a PNG24, and will result in a significantly smaller file. Many image manipulation programs will allow you to choose the bit-depth or number of colours in image palette. PNG, GIF) choosing an optimised palette can also help reduce file size. If using a palette or indexed-colour image (e.g. Already, tools like ImageOptim include the new encoder, so you make gains simply by keeping your tools up to date. The images are still regular JPEGs, so they automatically work in all browsers. For example, in March 2017, Google released a new open source JPEG encoder called Guetzli that generates JPEG images with file sizes 35% smaller than current alternatives. It pays to use the latest tools when compressing your images. Note that image compression technologies are constantly improving. when used as a web page background image the compression is even less noticable (click for full size). While you might be able to see some differences when placed side-to-side (click to view full sized versions). to one-sixth of the size of the original. In the images below, taken from a default Bootstrap theme, the compression level has been increased so that the file size is reduced from 143KB to 24KB, i.e. It might be possible to achieve 10x bytesize reductions on background images without users even noticing any difference in visual quality. In particular, background images, which are often the biggest single resource from a bytesize point of view, are also often of a needlessly high quality from a compression point of view. ![]() A higher compression level will push down the quality, but it is often possible to find an acceptable quality that significantly reduces file size. Start Your Free Trial Today Image compressionīy far the biggest byte savings to be made in optimising your images is by choosing an appropriate compression or quality level. Get access to a free, trial version of DeviceAtlas. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
March 2023
Categories |