The Blog

Boost your cloud business reading our latest news, tips and updates

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?

      1. 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.
      2. 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.
        • SEO optimized images
      3. 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.
      4. 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:

      quality images

      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.

      Categories: Tutorials, Zeendo
      Carmen Celda

      Graphic-website designer UX/UI consultant

      1. Pingback: Responsive images optimization

      Leave a Reply

      Your email address will not be published. Required fields are marked *