3 méthodes pour optimiser les images d'un site web

Optimiser les images d’un site web peut être une bonne façon d’améliorer sa vitesse de chargement. Au contraire, des images mal optimisées peuvent pour leur part avoir un impact négatif sur les performances de votre site.

Heureusement, vous pouvez facilement accélérer votre site et améliorer les classements SEO en compressant vos images et changeant la taille des fichiers.

Dans cet article, nous verrons trois méthodes faciles pouvant être utilisée pour optimiser les images d’un site web:

• Redimensionnez et recadrez vos images en utilisant un logiciel d’édition.
• Utilisez un outil de compression en ligne (par exemple TinyPNG ou Kraken.io).
• Installez un plugin d’optimisation WordPress.

L’optimisation de l’image est un processus très simple qui ne nécessite pas de connaissances techniques particulières.

Il existe un certain nombre d’outils et de bonnes pratiques qui peuvent vous aider à redimensionner, compresser et convertir les images pour les conformer aux conditions optimales pour le web. Examinons maintenant quelques méthodes différentes pour ce faire.

Redimensionner et recadrer des images avec un outil d’édition

Les images peuvent être beaucoup plus grandes que nécessaire pour le web dans leur format original non optimisé.

L’une des solutions les plus simples que vous pouvez choisir pour optimiser les images est simplement de les redimensionner ou de les recadrer. Vous pouvez le faire avec un logiciel de retouche photo comme Photoshop ou Gimp.

Par exemple, vous pouvez faire une capture d’écran pour illustrer quelque chose, mais avoir seulement besoin d’afficher une petite partie de la capture effectuée.

Vous pouvez alors découper l’ensemble des segments inutiles de la capture d’écran en utilisant un éditeur d’image de votre choix.

Cela vous permettra à réduire la taille du fichier de l’image tout en aidant à votre public à concentrer leur attention sur ce qui est important.

Optimiser les images d’un site web avec un outil de compression en ligne

Une autre méthode pour optimiser les images d’un site web est d’utiliser un outil de compression en ligne.

Cela peut vous aider à réduire considérablement la taille de vos fichiers images sans aucun changement notable de leur qualité.

Certains outils d’optimisation vous permettent de compresser plusieurs images en une seule opération. Ce type de fonctionnalité peut vous épargner beaucoup de temps.

Examinons deux des meilleurs outils en ligne de compression d’image qui s’offrent à vous pour optimiser votre site.

Tiny PNG

TinyPNG est une application web conviviale et simple à utiliser. Elle est gratuite et vous permet de compresser jusqu’à 20 images à la fois. Tiny PNG prend en charge les fichiers WebP, JPEG et PNG.

Cet outil permet de réduire la taille des fichiers tout en conservant la qualité de l’image. Il en résulte des images optimisées qui prennent moins d’espace sur votre serveur et se chargent plus rapidement.

Pour optimiser une image avec TinyPNG, il vous suffit de déposer vos fichiers image dans la boîte située en haut de la page. Attendez pendant quelques instants la fin du processus de compression :

Une fois que l’opération terminée, vous pouvez consulter les résultats et télécharger les versions optimisées de vos images. Par rapport aux images brutes, la réduction de la taille des fichiers devrait être de l’ordre de 40 à 70 %.

Kraken.io

Kraken.io est un autre optimiseur d’image en ligne que vous pouvez utiliser. Tout comme TinyPNG, il est gratuit et vous permet de compresser des images en vrac. Cependant, Kraken.io offre davantage d’options de compression que TinyPNG. 

Vous pouvez notamment choisir parmi trois modes d’optimisation, y compris avec perte et sans perte de qualité.

La compression avec perte vous permet de réduire considérablement la taille votre fichier image en supprimant de grandes quantités de données de celui-ci.

D’un autre coté, la compression sans perte réduit pour sa part la taille de votre fichier sans supprimer les données de l’image. Par conséquent, cette option se veut idéale pour les images de haute qualité.

Kraken.io vous donne plus de contrôle que son concurrent sur la façon dont vos images sont compressées. Vous pouvez choisir de prioriser la qualité de l’image ou la taille du fichier.

Pour optimiser une image avec Kraken.io, téléversez simplement les images que vous souhaitez compresser. Sélectionnez ensuite une option d’optimisation, puis une option de téléchargement.

Par exemple, vous pouvez télécharger chaque fichier individuellement, les partager directement sur Facebook ou Twitter, ou encore télécharger tous les fichiers ensemble dans un fichier .zip ou Dropbox. 

Optimiser les images d’un site web à l’aide d’un plugin WordPress

Si vous avez un site WordPress, il existe plusieurs plugins d’optimisation d’image que vous pouvez utiliser. Ils sont conçus pour compresser les images WordPress et améliorer la vitesse de votre site.

Ces plugins vous permettent d’optimiser vos images directement à partir de votre tableau de bord WordPress. Certains d’entre eux compresseront même automatiquement toutes les images que vous téléchargez sur votre site.

Regardons quelques uns des plugins les plus populaires pour l’optimisation d’images pour les sites WordPress.

Smush

Smush est l’un des plugins d’optimisation d’image les plus populaire pour WordPress. C’est en grande partie dû à sa capacité de compresser les images automatiquement avec une perte minimale de qualité.

Le plugin analyse toutes les images de votre site Web. Il surveille aussi les fichiers ajoutées et enlève automatiquement les données inutiles des images.

Smush compresse, et redimensionne même les images si nécessaire. Il peut également compresser l’ensemble des images spécifiées dans un répertoire donné.

Ce plugin est compatible avec NextGen Gallery, WPML, WP Retina 2x, et de nombreux autres plugins liés aux fichiers graphiques.

Principales caractéristiques :

• Compression des images sans perte ou avec perte pour optimiser les tailles des fichiers.
• Optimisation automatique lors du téléversement d’images
• Compatible avec les fichiers image JPEG, GIF et PNG
• Permet de définir la taille maximale des images. Les images plus grandes que les paramètre maximaux sont alors automatiquement redimensionnées
• Permet l’optimisation des images sur l’ensemble du réseau. Il peut facilement compresser les images sur plusieurs sites Web à la fois (avec un choix de paramètres globaux et individuels).

Imagify

Imagify est un autre plugin populaire qui concurrence Smush. Il vous permet de compresser des images en utilisant trois méthodes de compression différentes, s’accompagnant de divers degrés d’optimisation de la taille des image et de changements de qualité.

En plus de vos téléversements de fichiewrs médias, vous pouvez également optimiser les vignettes et les images rétiniennes. Imagify est entièrement compatible avec WP Retina x2, WooCommerce, et un variété d’outils de galerie de médias.

Ce plugin vous permet de supprimer ou de conserver les données EXIF si vous le désirer. Il dispose aussi d’une option permettant de revenir en arrière à une sauvegarde précédente si vous n’êtes pas satisfait de l’optimisation des images.

Ce plugin est idéal pour les débutants. Imagify s’assure de tout faire à votre place. Vous n’avez qu’à utiliser le plugin et laisser le plugin améliorer l’optimisation de votre site.

Principales caractéristiques :

• Offre des algorithmes de compression sans perte, avec perte et ultra-perte permettant différents degrés d’optimisation d’image
• Redimensionne directement les images au moment du téléversement, ce qui vous permet de gagner du temps et de l’espace disque.
• Permet la sauvegarde automatique des images optimisées pour la restauration (ou la ré-optimisation)
• Prend en charge les formats populaires PNG, JPG et GIF
• Offre un soutien multisites

EWWW Image Optimizer

EWWW Image Optimizer est un autre plugin freemium populaire. Il vous permet de compresser vos fichiers JPG, PNG, GIF et PDF de manière optimale.

La meilleure compression est automatiquement sélectionnée en fonction du format de fichier. De plus, le plugin intègre une protection SSL complète pour vos fichiers.

Vous pouvez aussi choisir entre l’optimisation d’image à faire sur votre serveur. En somme, vous pouvez optimiser de nombreuses images à la fois, voire des dossiers entiers.

EWWW Image Optimizer se veut entièrement compatible avec WP Image editor, WEBP images, WP-CLI, et plusieurs autres outils.

Principales caractéristiques :

• Aucune limite de taille de fichier pour la compression. Aucune limite de vitesse ou d’optimisation de l’arrière-plan non plus.
• Ajustement automatique des dimensions de l’image, en plus de la prise en charge de la rétine de base et d’une compression automatique sans perte
• Compresser les images des plugins également (par exmple les avatars et images BuddyPress, diapositives Meta slider, pièces jointes bbPress GD et autres dossiers spécifiés par l’utilisateur)
• Sauvegardes d’images gratuites pour conserver vos images originales pendant 30 jours
• Support de réseau CDN (comme Cloudflare) pour le téléversement sur les serveurs cloud

Pour conclure sur les méthodes pour optimiser les images d’un site web

L’optimisation des images est un bon moyen d’améliorer les performances d’un site web et réduire son temps de chargement.

Le vitesse à laquelle vos fichiers médias se chargent compte parmi les facteurs de référencement pris en compte par les moteurs de recherche.

Optimiser vos fichiers médias est donc un bon moyen d’améliorer votre classement dans les résultats de recherche de Google, tout en diminuant le taux de rebond de votre site web.

Nous espérons que cet article vous a plu et vous a éclairé sur les différentes méthodes pour optimiser les images d’un site web.

Si c’est le cas, nous vous invitons à consulter nos autres articles et tutoriels. Vous y trouverez une foule d’informations utiles concernant la création et la gestion de sites web.