Formats d'image
Il existe plusieurs formats d'images supportées dans les navigateurs. Concentrons-nous pour l'instant sur les formats les plus répandus.
Gif
Le format GIF (Graphics Interchange Format) est un format d'image mis au point en 1987 utilisant une compression sans perte et pouvant être utilisé pour des animations. Il peut utiliser jusqu'à 8 bits par pixel avec un maximum de 256 couleurs parmi des nuances sur 24 bits.
➕ Supporte les animations.
➕ Supporte la transparence.
➖ Palette de couleurs limitée.
➖ Peu performant.
Le discours de 5 mots de Steve Wilhite’s, inventeur du GIF, lors de la remise de son prix honorifique soulignant l’ensemble de son œuvre aux 17e Webby Awards.
JPEG
Le JPEG ou JPG est un format d'image sorti en 1992. Il s'agit actuellement du format de compression avec perte le plus populaire. Il est particulièrement efficace avec les images numériques (photographies). Cependant, son usage avec les diagrammes ou textes demandant des contours bien définis peut produire des résultats indésirables (flou).
➕ Bon rendu des photographies.
➕ Bonne performance.
➖ Perte de qualité.
➖ Rends flous les textes et lignes droites.
➖ Aucun support pour les animations.
➖ Aucune transparence.
PNG
Le PNG (Portable Network Graphics) est un format de fichiers sorti en 1996 supportant la compression de données sans perte. Autrement dit, il permet à une image de rester plus nette qu'avec un JPEG. En contre partie, son poids est généralement plus élevé.
➕ Aucune perte de qualité.
➕ Garde les textes et lignes droites nettes.
➕ Supporte la transparence.
➖ Moins bonne performance que les JPEG.
➖ Aucun support pour les animations.
WebP
Le format WebP est le plus jeune des formats parmi ceux mentionnés. Il fut développé en 2010 par Google dans le but de réduire la quantité de données circulant sur le web. C'est un format de compression d'image avec ou sans perte, selon la configuration choisie. En moyenne, une image WebP pèse 30% de moins qu'une image compressée en JPEG et offre une meilleure qualité d'image.
➕ Contrôle sur la qualité.
➕ Garde les textes et lignes droites nettes.
➕ Supporte les animations.
➕ Supporte la transparence.
➖ Non supporté sur Safari avant Big Sur (2020).
➖ Non supporté sur Internet Explorer.