Comment optimiser ses images pour son site web ?
Est-ce que tu t'es déjà retrouvé.e avec un site long à charger ? La lenteur d'un site peut venir de plusieurs facteurs (conflits d'extensions, problème de serveur, etc.), mais parfois cela peut venir du fait que les images de ton site soient trop "lourdes" et mal optimisées.
Et le problème, c'est que lorsqu'un site met trop longtemps à charger, la plupart des gens n'ont pas la patience d'attendre et passent rapidement leur chemin ! Quel dommage de perdre des visiteurs dont certains pourraient être des clients potentiels à cause d'un simple problème d'optimisation !
Je suis sûre que tu es déjà tombé.e sur des sites web comportant de très grandes images et qui se chargeaient pourtant très vite. D'ailleurs, entre nous, avoir de grandes images immersives sur son site est toujours plus sympa et peut permettre de créer le coup de cœur chez tes visiteurs. Le problème ce n'est pas les dimensions de tes images mais leur "poids".
Mais alors comment optimiser correctement les images destinées à ton site web ?
Sur un site web, les types de fichiers les plus courants sont : - PNG - JPG - GIF
Voici comment alléger le poids de chacune de tes images en fonction de sa nature pour accélérer le chargement des pages de ton site web (et autres supports internet : newsletter, mails, etc.).
1 | Les images PNG
Il y a 2 types d'extensions pour les images PNG : PNG-8 et PNG-24 . La différence entres les deux c'est que l'extension PNG-24 permet de garder un fond transparent sur ton image.
Les images PNG sont les plus légères, mais fonctionnent bien avec les images dans lesquelles il n'y a pas de dégradé comme les images vectorielles et les images comportant peu de couleurs.
Dans quel cas enregistrer une image en PNG-8 ? images de texte, illustrations de type vectoriel sans dégradés
Dans quel cas enregistrer une image en PNG-24 ? Image de logos, icônes
2 | Les images JPG
Le format JPG est le format le plus utilisé car hormis les images que l'on peut enregistrer en PNG, toutes les autres images fixes devraient être enregistrées en JPG car il s'agit du format d'image permettant d'obtenir le meilleur ration poids / qualité d'image.
Dans quel cas enregistrer une image en JPG ? Illustrations, photos, images mêlant photos et textes.
3 | Les images GIF
Le format GIF est un format particulier car on l'utilise essentiellement pour créer une image animée à partir d'une vidéo ou d'une animation créée dans Photoshop par exemple. Ce format dégrade beaucoup l'aspect d'une image mais permet d'obtenir un fichier animé beaucoup moins lourd qu'une vidéo que tu pourras intégré sur ton site web ou dans une newsletter par exemple.
Dans quel cas enregistrer une image en GIF ? vidéos et animations courtes (moins d'une minute).
4 | Comment optimiser tes images dans Photoshop ?
Pour ma part, j'optimise toutes mes images dans un seul logiciel : Photoshop. Photoshop est LE logiciel de référence pour le traitement d'images et quand on sait comment s'en servir, c'est très simple d'utilisation.
|