How to optimize the images of your website?


Whether for readability or the SEO performance of your web pages, knowing how to optimize an image has become an essential issue to ensure the performance of your website. Today, design is just as important as content. The information given may be very high quality, but if it does not want to be read, the user will go to another site. Layout, organization of ideas, intertitles ... there are many ways to improve the readability of your content. These are even taken into account by Google to prioritize the sites between them.

One of the elements that makes it easy to ventilate its content is the integration of images. Nothing better than a visual to illustrate his words and make reading more enjoyable. But if the images are not optimized, they can impact the loading time of your web pages . A site that takes a long time to load is not pleasant for the user, but more importantly, it has an impact on your SEO performance . In order to avoid it, you have to think about optimizing each image that you upload, whether it is used in a blog article, or for the so-called static pages of your site.
Here are some points of attention:

  • The size of the file
  • The size of the image
  • His resolution

The goal here is not to minimize the volume of data. We must find a happy medium between having a good quality image and a visual that loads quickly .

How to optimize the file size?
The first thing to look for is the size of the file. The heavier it is, the longer it will take to display. The recommended size is to have an image of 200 KB (maximum), to illustrate a blog post, and 500 KB when it is used for the design of your site.

If your file does not respect this order of magnitude, then it will be necessary to look at its format. On many sites, there are visuals in .PNG. This format has the advantage of managing transparency, but this is done at the expense of the weight of the file. In many cases, the use of a .PNG image is not justified . It is therefore recommended to use a more compact format, such as .JPEG.

In order to optimize the size of your file, you must also pay attention to the way you have saved your image. Graphics software being used for print and digital productions, the backups are in high definition. But the web does not require the same level of detail as an impression . That's why software offers web-specific recording modes. In the Adobe suite, it is called "save for the web". The image will then be detailed enough for a digital publication, without having the weight of a file intended for print.

Despite these optimizations, if your file does not respect the recommended weights, it means that the size of your image, and / or its resolution are too big.
How to optimize the size and resolution of the image?
The size of an image is measured in pixels. The more it displays, the bigger it will be. But it is not useful to have large dimensions if it is never displayed as such. To illustrate this, let's take the example of an image of 2,000 px x 1,000 px. On your website , it will be displayed with a maximum width of 800 px. The original visual will be resized to display it under the correct template. A step that will slow down the loading time of your web page, and that will degrade the resolution of your image.
Top Digital Media Company in Lahore

An optimized image is also a source of traffic
Optimizing the elements of a page for SEO ,will have direct consequences on its SEO performance. But image optimization can also be a source of natural traffic in itself.
By following some good practices, your images can be referenced in google.image.fr. On our site, it has even become our main source of traffic referral. To do this, here are the four elements that need to be optimized.


Comments

Popular posts from this blog

Does the user's behavior influence your SEO?

5 prerequisites to create a well referenced website

Infographic: 10 HTTPS implementation errors to avoid!