Les images Web occupent la majeure partie du temps de téléchargement dans la plupart des pages Web. Mais si vous optimisez vos images Web, vous aurez un site Web à chargement plus rapide. Il existe de nombreuses façons d'optimiser une page Web. La seule façon d'améliorer votre vitesse est de rendre vos graphiques aussi petits que possible.
En règle générale, essayez de conserver des images individuelles ne dépassant pas 12 Ko et la taille totale de votre page Web, y compris toutes les images, HTML, CSS et JavaScript, ne doit pas excéder 100 Ko et, dans le meilleur des cas, pas plus de 50 Ko.
Afin de rendre vos graphiques aussi petits que possible, vous devez disposer d'un logiciel graphique pour éditer vos images. Vous pouvez obtenir un éditeur graphique ou utiliser un outil en ligne tel que Photoshop Express Editor.
Voici quelques conseils pour évaluer vos images et les réduire:
L'image est-elle au bon format?
Il n'y a que trois formats d'image pour le Web: GIF, JPG et PNG. Et ils ont chacun un but spécifique.
- GIF-Utilisez le format GIF pour les images à plat couleurs. Ce sont des images avec seulement quelques couleurs.
- JPG-Utilisez le format JPG pour les images photographiques. Ce sont des images avec des millions de couleurs.
- PNG-Utilisez le format PNG si vous n'avez pas besoin que vos images s'affichent sur des appareils mobiles. Ils sont bons pour les images couleur et plat. Il est préférable d’enregistrer vos images au format PNG et JPG ou GIF, puis d’utiliser la version la plus petite.
Quelles sont les dimensions de l'image?
Un moyen simple de réduire la taille de vos images est de le faire, de le réduire. La plupart des appareils prennent des photos bien plus grandes qu'une page Web moyenne ne peut en afficher. En modifiant les dimensions autour de 500 x 500 pixels ou moins, vous créerez une image plus petite.
L'image est-elle recadrée?
La prochaine chose à faire est de s’assurer que l’image est rognée aussi étroitement que possible. Plus vous rognez l'image, plus elle sera petite. Le recadrage permet également de définir le sujet de l'image en supprimant les arrière-plans superflus.
Combien de couleurs votre GIF utilise-t-il?
Les images GIF sont des images à couleur uniforme qui incluent un index des couleurs présentes dans l'image. Cependant, un index GIF peut inclure plus de couleurs que ce qui est réellement affiché. En réduisant l'index aux seules couleurs de l'image, vous pouvez réduire la taille du fichier.
Quel est le paramètre de qualité défini pour votre fichier JPG?
Les JPG ont un réglage de qualité allant de 100% à 0%. Plus le paramètre de qualité est petit, plus le fichier sera petit. Mais fais attention. La qualité affecte l'aspect de l'image. Choisissez donc un paramètre de qualité pas trop moche, tout en maintenant une taille de fichier faible.
