Comment optimiser les images sur le site Web de votre entreprise

L'optimisation des images que vous utilisez sur votre site Web fait une différence substantielle dans l'expérience utilisateur de votre site Web et dans son temps de chargement. Cela a un impact direct sur votre classement dans les SERP et contribue à de nombreux facteurs qui peuvent aider les moteurs de recherche à mieux comprendre le contenu de votre site Web.

En optimisant les images et en utilisant la bonne taille de fichier, vous aurez un site Web équipé pour se charger plus rapidement et offrir une meilleure expérience utilisateur.

Examinons cette infographie de Think With Google.

Compte tenu de cette statistique, il devient impératif d'optimiser les images que vous utilisez, car elles occupent une grande partie du poids de votre page, prolongeant ainsi sa vitesse de chargement. Mais comment s'y prendre ?

Voici un guide étape par étape contenant des points à prendre pour vous aider à optimiser les images de votre site Web.

Étape 1 : Utilisez des images nettes et recadrées

Réduire au maximum la taille de vos images est l'un des moyens les plus simples et les plus efficaces de les optimiser pour le Web, et voici pourquoi.

Les images sont composées de pixels et chaque pixel contient des données qui augmentent la taille du fichier. Le recadrage de ces images aux dimensions les plus basses requises élimine un tas de pixels inutiles, réduisant ainsi la taille du fichier et, par conséquent, le temps de chargement, sans affecter la qualité de l'image.

Étape 2 : choisir entre une compression avec perte et une compression sans perte

Il existe deux types de techniques de compression de base largement utilisées par différents types de fichiers, à savoir la compression avec perte et la compression sans perte.

Comme son nom l'indique, la compression avec perte réduit la taille du fichier en omettant les données de pixels lorsque les pixels voisins sont similaires. Cette méthode tire parti de la façon dont l'œil humain perçoit la couleur et omet uniquement les données là où elles peuvent passer inaperçues. En raison de ce processus, le taux de compression est élevé, ce qui vous permet d'obtenir une taille de fichier nettement plus petite sans aucune différence de qualité substantielle (sauf si vous zoomez dans une certaine mesure).

La compression sans perte n'omet aucune donnée de pixels, mais les compresse telles quelles. Il en résulte une image plus nette, mais sans réduction significative de la taille du fichier.

En fonction de la qualité requise et de la capacité de l'utilisateur à zoomer, vous pouvez choisir la méthode de compression à suivre. Les logiciels de retouche d'image tels qu'Adobe Photoshop utilisent une combinaison de ces deux techniques pour vous offrir un taux de compression élevé, en fonction de la qualité que vous choisissez.

Étape 3 : Choisissez le bon type de fichier

Trois types de fichiers sont largement utilisés pour les images. Il s'agit d'images JPEG (.jpg), `PNG (.png) et GIF (.gif). Choisir le type de fichier approprié parmi ceux-ci peut contribuer à réduire considérablement la taille de fichier de vos images. Voici un aperçu de ces types de fichiers pour vous aider à prendre une décision.

Le format JPEG est le type de fichier le plus couramment utilisé, et pour cause. Il possède la profondeur de couleur la plus élevée et offre une compression avec et sans perte avec des qualités et des tailles de fichier réglables. Les fichiers JPEG sont mieux utilisés pour la photographie et les images complexes.

Les fichiers PNG utilisent uniquement une compression sans perte, ce qui leur permet de produire des images riches, mais au prix d'une taille de fichier plus importante. Ce type de fichier est largement utilisé pour les logos et autres images simples.

Les fichiers GIF sont limités à 256 couleurs et utilisent uniquement une compression sans perte. Ils prennent en charge l'animation et sont donc couramment utilisés pour les images en boucle animées de faible qualité.

Étape 4 : Supprimer les métadonnées excédentaires

Les images contiennent souvent des métadonnées qui ne sont pas requises pour votre objectif. Ces métadonnées ne sont rien d'autre que des détails sur la géolocalisation des images, la marque et le modèle de l'appareil photo, la date, l'heure, l'ISO, la vitesse d'obturation et de nombreux autres paramètres.

Si le seul but de l'image est de l'utiliser sur votre site Web, ces données ne deviennent rien d'autre qu'un excédent de bagages. Voici comment supprimer ces données.

• Cliquez avec le bouton droit de la souris sur l'image ou les images

dans

sur votre ordinateur, puis cliquez sur « Propriétés ».

• Accédez à l'onglet « Détails » et cliquez sur « Supprimer les propriétés et les informations personnelles » en bas de la boîte.
• Sélectionnez les propriétés que vous souhaitez

enlevé

, puis cliquez sur « OK ». Vous pouvez également choisir de supprimer les données du fichier d'origine ou d'en enregistrer une copie dans cette boîte de dialogue.

Étape 5 : Raster ou vecteur ?

Les images matricielles et vectorielles sont les deux principaux types d'images graphiques numériques utilisées partout. Il est très important de savoir de quel type d'image graphique vous avez besoin, mais voyons d'abord brièvement ce que cela signifie exactement.

La principale différence entre les graphiques matriciels et vectoriels est que les graphiques matriciels utilisent des pixels pour représenter une image, tandis que les graphiques vectoriels utilisent des tracés (lignes, points et polygones). Cela signifie que les graphiques matriciels sont capables de fournir des images riches et détaillées, avec de nombreuses formes irrégulières. Le hic, c'est que la taille du fichier va être considérablement élevée. En outre, les images utilisant des graphiques matriciels deviennent floues lors d'un zoom avant.

D'autre part, les images vectorielles ont une taille de fichier beaucoup plus petite et sont indépendantes de la résolution, de sorte qu'elles ne sont pas floues, quel que soit le zoom. Mais comme ils utilisent des tracés au lieu de pixels, ils ne conviennent qu'aux images géométriques, comme les logos et les icônes.

Avant de télécharger une image sur votre site Web, vous devez réfléchir à son contenu et à son objectif sur le site. Cela vous aidera à décider si vous souhaitez utiliser des graphiques matriciels ou des graphiques vectoriels pour cette image.