Le WEBP fonctionne-t-il dans tous les navigateurs, dois-je prévoir un repli en JPG ?

La prise en charge du WEBP par les navigateurs est désormais très large et la quasi-totalité des navigateurs modernes l'affichent sans problème. Il reste néanmoins prudent, pour les images critiques, de définir le WEBP comme source principale et le JPG comme source de repli via la balise picture du HTML ; le navigateur télécharge le WEBP s'il le prend en charge, le JPG sinon. Cette approche vous donne à la fois le gain de vitesse et une compatibilité totale. Pour un petit site, n'utiliser que le WEBP ne pose en pratique pas de problème non plus.

Ne puis-je pas publier le HEIC directement sur mon site web ?

En pratique non. Les navigateurs web n'affichent généralement pas directement les fichiers HEIC, la plupart de vos visiteurs se retrouveront donc face à une icône d'image cassée. Le HEIC a été conçu comme un format de stockage interne à l'appareil, pas comme un format de diffusion web. Chaque photo HEIC que vous voulez publier sur le web doit d'abord être convertie en WEBP ou en JPG.

Passer par deux conversions abîme-t-il beaucoup la photo ?

Comme le HEIC est déjà avec perte, le convertir en WEBP ou en JPG ajoute un second tour de compression avec perte. Cependant, à un réglage de qualité raisonnable, l'effet de ce second tour reste indiscernable dans des conditions d'affichage normales sur la plupart des photos. Pour minimiser le risque, ne baissez pas exagérément le réglage de qualité et effectuez la conversion en une seule fois, à partir du HEIC original. Reconvertir en WEBP un fichier déjà converti en JPG reviendrait à ajouter un troisième tour.

Et pour les images à fond transparent ?

La structure du format JPG ne définit aucun canal alpha, il ne peut donc être utilisé pour aucune image nécessitant de la transparence. Le WEBP, lui, prend en charge le canal alpha en mode avec perte comme en mode sans perte et peut stocker des transitions de transparence douces pour chaque pixel. Cela signifie que le WEBP peut offrir la transparence du PNG avec des poids de fichiers proches de ceux du JPG ; c'est de loin l'option la plus efficace pour les images web nécessitant de la transparence.

Pour la publication web, du HEIC vers le WEBP ou le JPG ?

Sur le web, le HEIC n'est pas une option

Commençons par le fait le plus clair : vous ne pouvez pas placer un fichier HEIC directement sur votre site web. Les navigateurs n'affichent généralement pas ce format et vos visiteurs se retrouvent face à une icône d'image cassée.

Le HEIC a été conçu pour le stockage interne à l'appareil, pas pour la diffusion web. La question n'est donc pas « HEIC ou WEBP » mais « vers quoi convertir le HEIC » — et il y a en pratique deux réponses réalistes : le WEBP ou le JPG.

Poids des fichiers : la supériorité nette du WEBP

En publication web, le poids des fichiers signifie directement vitesse de page, et la vitesse de page signifie directement expérience utilisateur et classement dans les moteurs de recherche. C'est donc le poste le plus lourd de cette comparaison.

À qualité visuelle perçue égale, le WEBP produit des fichiers environ un quart à un tiers plus légers que le JPG. Si une page contient des dizaines d'images, cela crée cumulativement une différence sérieuse.

Il faut aussi bien comprendre d'où vient ce gain : l'avantage du WEBP s'exerce face au JPG, pas face au HEIC. Le HEIC est déjà très efficace ; en passant du HEIC au WEBP, le poids du fichier peut rester similaire. Mais si vous aviez converti le HEIC en JPG, le fichier aurait grossi. Autrement dit, ce que vous « gagnez » en choisissant le WEBP, c'est de ne pas perdre la place que vous auriez perdue en allant vers le JPG.

Prise en charge par les navigateurs : autrefois un enjeu, plus aujourd'hui

Il y a encore quelques années, l'argument le plus fort contre le WEBP était le manque de prise en charge. Aujourd'hui, cet argument a largement perdu sa validité ; le WEBP fonctionne sans problème dans la quasi-totalité des navigateurs modernes et les systèmes d'exploitation l'ouvrent aussi nativement.

Il est vrai que le JPG reste incontestablement universel. Mais cette universalité ne fait en pratique une différence que pour un petit public naviguant avec des navigateurs très anciens.

L'approche prudente consiste à proposer les deux. Avec la balise picture du HTML, vous définissez le WEBP comme source principale et le JPG comme source de repli ; le navigateur télécharge le plus léger s'il le prend en charge, le compatible sinon. Cette méthode donne à la fois la vitesse et une compatibilité totale, et son seul coût supplémentaire est de produire deux fichiers.

Transparence : là où la comparaison s'arrête

La structure de fichier du format JPG ne définit aucune composante de type canal alpha. Chaque pixel ne transporte qu'une information de couleur, pas d'information de transparence. Quand vous enregistrez une image transparente en JPG, les zones transparentes sont remplies d'une couleur unie, le plus souvent du blanc, et c'est irréversible.

Le WEBP, lui, prend en charge le canal alpha en mode avec perte comme en mode sans perte. Des transitions de transparence douces peuvent être stockées pour chaque pixel, si bien que les bords d'un objet détouré paraissent lisses et non crénelés sur des fonds différents.

Sa valeur pratique côté web est considérable : autrefois, quand vous vouliez une image transparente, vous deviez utiliser du PNG et accepter un poids de fichier important. Le WEBP offre la transparence avec des poids bien plus raisonnables. Pour les images produit, les logos et les objets détourés, c'est à soi seul un avantage déterminant.

Qualité : la question des deux conversions

Le HEIC est un format avec perte. Une certaine quantité de détails a été définitivement écartée au moment de la prise de vue. Quelle que soit la cible que vous choisissez, vous ajouterez un second tour de compression avec perte.

À un réglage de qualité raisonnable, l'effet visible de ce second tour est indiscernable dans des conditions d'affichage normales sur la plupart des photos. La différence peut apparaître sur les prises de vue nocturnes et les ciels à larges dégradés — ce sont les contenus qui mettent le plus la compression en difficulté.

Il y a deux règles pour réduire le risque : ne baissez pas exagérément le réglage de qualité et effectuez la conversion en une seule fois, à partir du HEIC original. Convertir ensuite en WEBP un fichier déjà converti en JPG reviendrait à ajouter un troisième tour, une dégradation inutile.

Décider selon le scénario

Photo de couverture d'un article de blog : WEBP. La transparence n'est pas nécessaire, mais le gain de poids se répercute directement sur la vitesse de page.

Image produit à fond transparent : WEBP. Le JPG n'est pas une option et le PNG est inutilement lourd.

Visuel produit pour un partage sur les réseaux sociaux : JPG. La plupart des plateformes recompressent l'image téléversée dans leur propre format, et certaines n'acceptent pas le téléversement de WEBP.

Image de newsletter par e-mail : JPG. La prise en charge des formats par les clients de messagerie est en retard sur les navigateurs ; ici, l'universalité prime sur la vitesse.

Page de galerie à fort trafic : WEBP, avec repli JPG via la balise picture. C'est là que le gain de poids est le plus utile.

Fichier destiné à une imprimerie ou à un système d'entreprise : JPG ou l'original. Les outils de préparation à l'impression et les anciens systèmes d'entreprise peuvent ne pas accepter le WEBP.

Flux de travail pratique

Un flux solide pour la publication web fonctionne ainsi : conservez vos fichiers HEIC originaux quelque part. Effectuez la conversion du HEIC vers le WEBP directement depuis l'original pour chaque image que vous publierez. Réduisez l'image à la taille à laquelle vous l'utiliserez sur le site — afficher une photo de 4000 pixels de large dans un espace de 800 pixels est un gaspillage bien plus important que le choix du format. Pour les images critiques, produisez aussi un repli JPG et servez-le via la balise picture.

En résumé

Pour la publication web, votre réponse par défaut doit être le WEBP : des fichiers nettement plus légers que le JPG, une large prise en charge par les navigateurs et la capacité de gérer la transparence. Utilisez le JPG comme source de repli, pour les images d'e-mails et dans les systèmes qui n'acceptent pas le WEBP. Le HEIC, dans les deux cas, n'est pas un format à placer directement sur le web ; la conversion est obligatoire, il ne reste plus qu'à bien choisir la cible.