Comment faire apparaître et charger une image plus rapidement

Contenu

Les instructions
Comment
Ce dont vous avez besoin

Lorsque vous publiez des images sur Internet, il est important de vous assurer qu'elles sont optimisées pour l'affichage Web, afin que vous puissiez les charger plus rapidement. Les images à chargement lent ont tendance à éloigner les visiteurs et peuvent les empêcher de profiter pleinement de votre site. Pour que vos images se chargent plus rapidement, le meilleur moyen consiste à obtenir autant de qualité que possible dans une taille fixe. Pour la visualisation Web, il est judicieux de conserver une taille inférieure à 50 Ko pour chacune de vos images.

Les instructions

Optimiser vos images pour une visualisation sur le Web leur permettra de charger plus rapidement (Ablestock.com/AbleStock.com/Getty Images)

Utilisez le bon format. Utilisez le format JPEG pour les images en dégradé et le mélange de couleurs. Pour les images contenant des formes et du texte fortement contrastés, vous pouvez utiliser GIF ou PNG. La plupart des logiciels d'édition d'images prennent en charge les conversions entre formats.
Changez la résolution de l'image à 72 dpi (points par pouce). La plupart des écrans et des moniteurs affichent des pages Web et des images avec cette résolution. Utilisez également cette résolution pour réduire les distorsions et les problèmes de couleur.
Maximiser la coupe dans votre image. Par exemple, si le sujet de votre image est placé sur un arrière-plan solide, coupez la majeure partie de sa couleur. Vous allez vous retrouver avec une taille de fichier plus petite.
Appliquez un léger flou à votre image. Commencez par appliquer un flou gaussien avec un rayon de 0,2 pixel. Un flou d'arrière-plan gaussien de 1,0 pixel devrait suffire à réduire la taille du fichier d'image d'environ 23%. Pour éviter de perdre en qualité, essayez d’effacer uniquement l’arrière-plan de votre image ou des parties de celle-ci qui ne ressortent pas.
Isolez l'objet de l'image à l'aide de l'outil de sélection et ajoutez davantage de flou au reste de l'image. Cela réduira considérablement la taille du fichier de votre image. En tant qu'avantage, vous soulignez ce qui est important.

Comment

Dans votre balise HTML, veillez à indiquer la largeur et la hauteur de chaque image que vous entrez. Ainsi, les navigateurs ne doivent pas calculer la taille idéale pour votre image. Utilisez des images de sprite chaque fois que vous le pouvez. Combinez des images plus petites dans un fichier image volumineux pour réduire le nombre de requêtes HTTP que votre page Web doit effectuer. Avec cela, vous pouvez rendre vos images charger plus rapidement.