Entre-temps, il existe de plus en plus de formats de fichiers pour sauvegarder une image ou, par exemple, une animation. Un système universel de formats d’image faciliterait grandement la vie des équipes de conception graphique responsables. D’autre part, l’abondance d’acronymes prêtant à confusion est en constante augmentation.

 

Souvent, vous choisissez celle que vous avez entendue ou utilisée auparavant et vous supposez qu’elle va fonctionner. Vous obtenez alors le message suivant : “Veuillez envoyer en PNG car cet appareil n’accepte pas ce format”.

 

Lorsqu’il s’agit d’afficher des photos pour le web, nous avons plusieurs formats d’image à utiliser. La principale distinction entre les formats d’image est le type de codec d’image utilisé pour coder ou décoder chaque type d’image. Un codec d’image est une représentation de l’algorithme utilisé pour compresser, coder et décoder des images dans un format de fichier particulier pour les afficher sur des écrans. D’où les nombreux noms tels que JPG, PNG et GIF, entre autres. Avec l’essor des appareils mobiles, des données 5G et la nécessité croissante pour les sites web de se charger plus rapidement, de nouveaux formats d’images et de vidéos apparaissent pour relever ces défis. Voici une introduction aux dernières versions pour que votre équipe soit prête à les utiliser.

WebP

L’objectif du WebP de Google, un format d’image contemporain, est d’améliorer la compression avec et sans perte des photos sur le web. WebP vise à créer des images plus petites tout en conservant leur richesse, car des images plus petites accélèrent le web. En outre, WebP continue de soutenir la tendance croissante des graphiques animés. Ce point est encore en cours d’élaboration, mais il sera important.

La compression avec perte de WebP base son encodage d’image sur le codage prédictif et le codec vidéo VP8. Elle prédit la valeur d’un bloc de pixels en utilisant les valeurs des blocs de pixels voisins et n’encode que la différence. Plusieurs algorithmes de compression d’image sont utilisés pour convertir les photos en fichiers WebP sans perte.

Les images WebP avec perte sont généralement 25 à 34 % plus petites que les JPEG de qualité comparable, tandis que les images WebP sans perte sont généralement 26 % plus petites que les PNG. Ils constituent également un excellent substitut aux images GIF car ils prennent en charge l’animation.

Avantages et inconvénients

• Images de haute qualité avec des fichiers de taille réduite
• Pas encore compatible avec les plateformes sociales, les formats traditionnels doivent donc être utilisés pour le partage sur les réseaux sociaux.

Compatibilité avec les navigateurs et les systèmes d’exploitation

• Compatible avec tous les navigateurs et systèmes d’exploitation

HEIF

Le High Efficiency Image File Format, ou HEIF, est conçu pour accélérer le stockage des images. Il s’efforce de maintenir une bonne qualité tout en utilisant des fichiers à faible compression. Avec 10 degrés de compression disponibles, HEIF offre un encodage et un décodage rapides comme l’éclair, est léger et ne taxe pas les ressources du système.

En théorie, la compression est presque deux fois plus efficace que le JPEG, produisant des photos d’une qualité deux fois supérieure pour la même taille de fichier. Cependant, comme il utilise un format d’image matriciel et un mappage de pixels, les photos ne peuvent pas être agrandies sans sacrifier la qualité.

Avantages et inconvénients

• Un excellent rapport entre la qualité et la taille du fichier.
• Pas de navigateur et support OS limité.

Prise en charge des navigateurs et des systèmes d’exploitation

• Non compatible avec tous les principaux navigateurs.
• Prise en charge native sur macOS Sierra et iOS 11 et versions ultérieures, mais pas sur leurs versions respectives de Safari.

AVIF

AVIF, qui signifie “AV1 Image File Format”, est considéré comme le prochain format de fichier image de l’avenir. Ce format est essentiellement le protocole de stockage des images fixes et animées compressées avec AV1 dans des fichiers HEIF. La plupart des experts en technologie considèrent le format d’encodage vidéo libre de droits AV1 comme la prochaine évolution de la compression des médias.

Pour produire des photos de haute qualité, AVIF permet une compression avec et sans perte très efficace. AVIF compresse beaucoup mieux que la plupart des formats web actuellement utilisés (JPEG, WebP, JPEG 2000, etc.). Les images de qualité visuelle comparable peuvent être jusqu’à dix fois plus petites que les JPEG. Selon des tests spécifiques, AVIF offre une réduction de 50% de la taille des fichiers par rapport au JPEG, tout en maintenant un niveau comparable de qualité perceptive. N’oubliez pas d’analyser les formats avec soin, car dans certaines situations, le format WebP sans perte peut être supérieur au format AVIF sans perte.

Grâce à sa compression supérieure, AVIF permet de réduire la taille des fichiers image. Les fichiers AVIF se téléchargent plus rapidement et utilisent donc moins de bande passante. Il peut donc améliorer les performances en accélérant le chargement des photos.

En général, AVIF passe la plupart des tests, et WebP offre un meilleur support et une meilleure compression que JPEG ou PNG. Par conséquent, vous devez absolument tenir compte de WebP lorsque vous optimisez des photos pour votre site web. Envisager l’AVIF pour vos besoins et le mettre en œuvre en tant qu’amélioration progressive pourrait être bénéfique car le format se répand sur de nombreuses plateformes et navigateurs. Au fil du temps, AVIF deviendra plus facile grâce à un meilleur outil de comparaison et à un encodage plus rapide.

Avantages et inconvénients

• Une meilleure méthode de compression que les autres formats d’image permet des temps de chargement plus rapides.
• Adobe et les autres plateformes ne prennent pas en charge ce format actuellement.

Prise en charge des navigateurs et des systèmes d’exploitation

• Pris en charge par Chrome, Firefox et Opera, mais pas encore totalement par Safari ou Edge.