[Dossier] Quel format d’image pour le WEB ? JPG, WEBP ou HEIF ?

Définitions des formats JPG, WEBP et HEIF

Le format standard .JPG

JPEG est l’acronyme de Joint Photographic Experts Group. Il s’agit d’un comité d’experts qui édite des normes de compression pour l’image fixe. La norme communément appelée JPEG, de son vrai nom ISO/CEI 10918-1 UIT-T Recommendation T.81, est le résultat de l’évolution de travaux qui ont débuté dans les années 1978 à 1980 avec les premiers essais en laboratoire de compression d’images. Wikipedia

Clairement le format le plus utilisé sur la toile, il est surement populaire grâce à facilité d’utilisation et à son bon taux de compression. Il ne gère ni les animations ni la transparence (contrairement au .gif)  mais il permet d’afficher plus de 16 millions de couleurs ce qui en fait un très bon format simple pour les photos (à défaut du format RAW)

Le format Google .WEBP

Google présente ce format webp comme mieux adapté que les compresseurs précédents et surtout aux densités de pixels des écrans actuels (110 à 240 ppi). Par ailleurs, toujours selon Google, 60% des octets transmis sur la toile seraient des images, et WebP procurerait de 30% à 80% de réduction d’espace face à JPEG et PNG. Wikipedia

Google aime imposer des standards, il va, grâce à ce format dédié au web, tenter de détrôner le JPG grâce à son taux de compression plus fort sans perte de qualité. On le sait, sur la toile, un site qui charge rapidement est mieux référencé (bien évidemment, c’est un des critères parmi des centaines d’autres). Du coup, pour la même image, si vous pouvez gagner quelques ko, vos visiteurs pourront afficher votre site plus rapidement. Un format peu connu ce jour mais qui pourrait, potentiellement, détrôner le JPG. Google sait très bien persuader les créateurs de contenus…

Ce format supporte l’animation (comme le gif), la transparence (comme le gif et le png), pour un point potentiellement réduit de 25 à 34% par rapport à JPG. Un format intéressant sur le papier.

Le format Apple .HEIF

High Efficiency Image File Format (HEIF) est un format de fichier pour les images et les séquences d’images. Ce format a été développé par le Moving Picture Experts Group et est défini par le standard MPEG-H Part 12. Ce format est notamment utilisé par iOS (depuis sa version 11) pour stocker les images et les séquences d’images. Wikipedia

Quand Apple se sent à la traine, il réagit. Pour pouvoir s’approprier aussi sa part du gâteau face au .webp, il a aussi décidé de se doter d’un format d’image à taux de compression important. Apple annonce des taux de compression de 50 à 60 %… Malheureusement pour lui, il n’est pas supporté dans les navigateurs à l’heure actuel


Support des navigateurs des formats d’images WEBP et HEIF (source)


Exemples d’utilisation des formats d’images JPG, GIF, WEBP et HEIF

Si nous comparons la même image avec une compression Webp avec le jpg classique et optimisé on voit une différente de +50% avec le jpg de base. Pas mal.

Si nous comparons la même image avec une compression heif avec le jpg classique, on voit une différente de +30% avec le jpg de base. Pas mal. sans compter les détails de meilleure qualité sur le heif.

Si nous comparons la même image GIF avec une compression heif, on voit une différente de +90% avec le gif de base.

Source comparaison heif vs gif animé


Comparatif des formats JPG, WEBB et HEIF

Voir le tableau en grand à sa source

Outils utilise pour la conversion des formats Jpg heif et Webp

Les liens sources pour les formats, en savoir un peu plus directement via les présentations officielles :

Convertir HEIF en JPG ou PNG sur PC ou MAC:

Convertir JPG ou PNG en Webp sur PC ou MAC

Convertir un Webp en Jpg sur Pc ou mac

Plugin photoshop pour exporter en WebP sur pc ou mac

N’hésitez pas à réagir à cet article qui est voué à être édité… Qu’en pensez-vous ? Le JPG est-il mort ?

Bonus : Documentaire sur Heif vs Jpg en anglais

ALERTE : Si vous êtes l’auteur d'illustrations vues sur le site et que vous souhaitez les supprimer, modifier et ou tout autres demandes, merci de prendre contact avec moi pour que je puisse vous citer et modifier l'article selon vos convenances. Si vous n'êtes pas cité, c'est que je n’ai pas trouvé sur la toile à qui appartenait ces créations. Je ne veux aucunement vous porter préjudice et je n’en tire aucun revenu. Merci

Une histoire de : , , ,

Partagez cet article design à votre entourage

  • Tant que l’on ne sera pas certain que les utilisateurs peuvent voir nos images sans problème (qu’ils soient à le pointe de la techno ou du genre à toujours tourner sur xp en 2018), bien peu de chance que ces nouvelles « normes » soient adopter. Comme Flash qui a tardé à disparaître (et qui s’accrochent encore)…

  • C’est pas faux, par contre, j’ai déjà vu des blogs sous WP qui commencent déjà à mettre les images de leurs articles en .webp, je suis en train de regarder pour faire un test potentiellement sur olybop aussi, par contre, je vais pousser le format dans ses retranchements histoire de ne pas perdre du trafic 🙂