Why optimizing images for the web
We usually have images whose quality and size are too high compared to what we really need for our web. While it is necessary to control the quality of the images for the print media (which usually means heavy weight), it is different for the digital media: every screen has a different image resolution, so we only need images that are optimized for our web with the lightest possible weight.
Images weight for the web
Weight is continually penalized on the web. So, what do we get by reducing our images?
- Your users will decide to continue to visit your web instead of visiting another one:
- If the weight of your content is lighter, the loading time will be also lower. As we know, visitors are potential clients.
- The greater the weight of the image, the more mobile data they use; so users will avoid to visit your website in the future.
- Your positioning on Google searches will be penalized:
- As we have recently seen Google will penalize those website that are not responsive. It is important to select an image that can be well adapted to every kind of device, not only in terms of weight, but also of size.
- Google will also penalize the loading time if it is excessive due to the weight of images.
- Quality of the images will vary according to the resolution of the screens where the images are seen. We have to take into account that website images mustn’t have the same quality as printed images, as the website would be very heavy this way, and therefore not too functional.
- You could get more hosting space if you optimize your website’s content.
Image size and quality
The quality of the image is directly proportional to its level of compression. Compression is used to reduce the weight of the images considerably, while maintaining the level of detail. It is best if you create the images with a quality of 80%. In the following picture you will see the importance of compressing the image:
On the other hand, an image with 1600 px width will adapt better to screens with lower -or even higher- resolution, without quality loss.
Finally, images whose size is 200-300 KB are the most suitable. Since their weight is lower, the loading time will be faster. As we have seen, this will improve your positioning on Google – among other things.
With these few tips you see how your website improves significantly in quality and therefore in results.