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.
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
Post a Comment