Format des images

Pour rendre un affichage optimal des images de votre site Internet, le choix du format doit être réalisé en fonction de son utilisation. 

Sur Internet, seulement trois formats sont actuellement reconnus et correctement affichés par les navigateurs : le JPEG, le GIF et le PNG.

    LE PNG

Pour une image comprenant du texte
Ce format fournit une image parfaitement claire qui ne comporte pas de détérioration, même si vous décidez de la réduire. 

Pour une image avec transparence 
La transparence correspond à l’opacité de l’image. Cette technique offre la possibilité de distinguer d’éventuels autres éléments graphiques présents en arrière plan. L’utilisation du PNG est à favoriser pour ce type d’image car il propose un résultat plutôt satisfaisant. 

Pour un logo, une icône, un dessin, un graphique : le PNG voire le GIF
Le PNG offre une image de très bonne qualité. La restriction des couleurs imposées par le format n’a pas d’effet négatif sur ce type d'image. Mêmes remarques pour le GIF qui peut être également utilisé pour ce type d’image. Quant au JPEG, son poids est un peu trop important par rapport aux deux précédents.

---

    le jpeg

Pour une photographie, une image haute qualité 
Le JPEG est  le format à privilégier. Du fait de son large panel de couleurs (16,7 millions), il offre à la fois une qualité parfaite et un poids optimal pour le web. Le GIF est à proscrire car il va dégrader la qualité de l’image. Le PNG peut donner une image de bonne qualité néanmoins son poids sera bien trop lourd pour envisager de l'utiliser dans ce cas.

---

    Le Gif

Pour une animation 
Seul le GIF supporte les images animées.

---

Optimisation des images

Optimiser vos images va permettre à vos pages de se charger plus vite et réduire la place que prennent vos images sur votre serveur.
Pour cela vous pouvez intervenir sur la résolution, la taille et le taux de compression de vos images en utilisant des logiciels gratuits tels que: Gimp, Paint.Net ou photofiltre.

     Taille et résolution

La taille correspond à la largeur et la hauteur de votre image. Adaptez-la à vos besoins.

La résolution d'une image correspond au nombre de points par unités de surface de l'image, soit le rapport entre le nombre de pixels et les dimensions de l'image.
Une résolution de 72 pixels par pouce suffit pour une utilisation destinée au Web.

      Compression

Une image trop lourde sur votre site web ralenti l’affichage et augmente le temps de chargement d’une page sur un navigateur.

La compression d’une image permet de rendre celle-ci beaucoup plus légère en supprimant des données inutiles ou redondantes, tout en conservant les mêmes dimensions. 

Attention: la compression d’une image Jpeg entraîne une perte de  qualité. A l’inverse, le Png et le Gif supportent la compression sans perte de qualité.

Sur les différents logiciels de retouche d'images, lors de l'enregistrement de votre image :
    En Jpeg: déplacez le curseur "Qualité". L'aperçu vous permettra de déterminer votre choix.
    En Png: Jouez sur le niveau de compression. Plus il est élevé,plus l'image sera compressée.
    Le Gif ne se compresse qu'en diminuant la taille et la résolution de l'image.

The Gimp

Photofitre

---

Page précédente

Haut de page