Qu’est-ce que le format d’image WebP ?

Une guerre technologique se déroule sous notre nez. Pas celle des robots-squelettes, mais celle des formats les plus acceptés, dans la veine de Playstation contre Xbox ou de Betamax contre VHS. Cette guerre des formats nous concerne tous, et il y a de fortes chances que vous ayez vu ses combattants sans même le savoir. Il s’agit de la prochaine génération de format d’image web, et pour l’instant, c’est le WebP qui tire son épingle du jeu. Mais cela ne fait que soulever d’autres questions, à savoir qu’est-ce que le WebP ? et « qu’est-ce qui ne va pas avec les JPEG ? ».

Grâce à son propriétaire, Google, le format d’image WebP est devenu un sujet brûlant ces derniers temps. Il est de plus en plus accepté sur un nombre croissant d’appareils, au grand dam de ses concurrents JPEG 2000 et JPEG XR, et est en passe de devenir le nouveau format d’image par défaut sur le web. Et malgré tous les détails techniques alambiqués, pour tous ceux qui publient des images en ligne, le WebP est un atout majeur.

Dans ce guide, nous vous expliquons tout ce que vous devez savoir, ce que c’est, comment l’utiliser et pourquoi vous devriez vous y intéresser. Nous expliquerons les avantages et les inconvénients de WebP, puis nous vous montrerons comment convertir vos autres formats d’image.

Qu’est-ce que le format WebP ?

Si l’on fait abstraction de tout ce qui s’est passé récemment, WebP (prononcé familièrement « weppy ») est en fait assez ancien. Il a été annoncé pour la première fois en 2010 et n’a cessé d’être amélioré jusqu’à son état actuel. Il est devenu un sujet populaire récemment, car il a pris de l’avance dans la guerre des formats d’image de nouvelle génération : à ce jour, il est pris en charge par Chrome, Microsoft Edge, Firefox, Opera et, plus récemment, Safari.

Pour vraiment comprendre ce qui rend WebP unique, il faut d’abord comprendre tous les formats de fichiers d’image et leurs différences. Mais pour accélérer les choses dans cet article, nous allons passer directement à l’argument de vente principal de WebP, la compression.

Si ce terme ne vous est pas familier, la compression consiste à encoder les données d’un fichier en moins de bits, ou morceaux de données numériques, que l’original. Il existe deux principaux types de compression : sans perte (la qualité de l’image reste la même alors que la taille des données diminue) et avec perte (la qualité de l’image diminue légèrement alors que la taille des données diminue de manière significative). Si vous souhaitez connaître la « magie » qui permet de réduire la taille d’un fichier sans en affecter la qualité, ce guide l’explique bien.

Réduction de la taille des images grâce au format WebP

Pour simplifier, les images WebP sont généralement plus petites que leurs homologues, mais avec la même qualité, grâce à leur compression supérieure. Cela signifie que l’utilisation d’images WebP pour votre propre site accélérera (généralement) son fonctionnement et réduira votre stockage de données en même temps.

Quelle est l’ampleur de la réduction ? Selon les données de Google, la compression sans perte de WebP est 26 % plus petite que celle des PNG et sa compression avec perte est 25 à 34 % plus petite que celle des JPEG. Pour les sites qui utilisent beaucoup d’images, le passage au WebP peut avoir un impact significatif et permettre de gagner de précieuses millisecondes sur le temps de chargement, en particulier sur les mobiles.

L’autre grand avantage de WebP est sa polyvalence : il intègre à la fois la transparence et l’animation. Avant WebP, il fallait utiliser PNG pour les arrière-plans transparents et GIF pour les animations, et rien ne permettait d’utiliser les deux en même temps.

Ces excellentes performances, combinées au vote de confiance de Google, ouvrent la voie pour que WebP devienne le nouveau format de fichier web par défaut.

Avantages et inconvénients de WebP

Aussi impressionnant soit-il, le WebP n’est pas encore tout à fait prêt à devenir « le ». Pour l’instant, jetez un coup d’œil aux avantages et aux inconvénients de WebP et voyez s’il convient à vos besoins.

Avantages

Temps de chargement plus rapides : en raison de la taille réduite des fichiers, les pages contenant des images WebP se chargent plus rapidement. L’appréciation du site s’en trouve considérablement améliorée : selon Website Builder Expert, chaque seconde de retard dans le chargement réduit la satisfaction des visiteurs de 16 % et un visiteur sur quatre abandonnera complètement votre site s’il n’est pas chargé dans les 4 secondes.

Moins d’espace de stockage pour les médias – La compression améliorée de WebP signifie également moins d’espace de stockage. Ceci est crucial pour les sites qui hébergent une grande quantité d’images, et pourrait même vous faire économiser de l’argent sur votre hébergement web.

Transparence et animation – Comme nous l’avons mentionné plus haut, WebP est le seul format d’image qui prend en charge les arrière-plans transparents de PNG et les capacités d’animation de GIF, sans compter qu’il surpasse la compression de JPEG.

Inconvénients

Il n’est pas pris en charge par tous les navigateurs – Bien que le WebP ait la part du lion parmi les navigateurs, certains ne le prennent toujours pas en charge (Internet Explorer est lent à l’adopter, ce qui est tout à fait normal pour Internet Explorer). Il existe une solution de contournement qui consiste à créer une image de remplacement en HTML, mais la création d’un tout autre fichier en guise de sauvegarde annule parfois tout l’espace de stockage supplémentaire que vous avez économisé en utilisant WebP.

La qualité est toujours réduite – Il ne s’agit pas tant d’un inconvénient de WebP que d’un inconvénient de toute compression avec perte : la qualité de votre image est toujours réduite. Pour la plupart des gens, cette réduction est négligeable, mais pour les sites visuels tels que les portfolios de photographie ou de conception graphique, la qualité visuelle doit être maximale.

Comment convertir une image au format WebP ?

Si vous êtes déjà convaincu par la taille réduite des fichiers, vous aurez naturellement besoin d’un convertisseur d’images WebP pour modifier toutes vos images. De nombreux logiciels prennent en charge le format WebP, ce qui vous permet de les créer directement à partir de la source (Adobe Photoshop et Sketch, pour n’en citer que quelques-uns), mais si vous avez des images préexistantes ou qu’elles proviennent d’un site qui ne prend pas en charge le format WebP, vous aurez besoin d’un convertisseur d’images.

Le choix est vaste et la plupart d’entre eux parviennent à convertir un fichier en format WebP. XnConvert en est un exemple.

XnConvert fonctionne sous Windows, Mac et Linux. Il est également gratuit pour un usage personnel, mais vous devez acheter une licence pour un usage professionnel. Outre WebP, il prend en charge JPEG, JPEG 2000, PNG, TIFF, GIF, OpenEXR, les données brutes des appareils photo et des centaines d’autres. De nombreuses autres fonctionnalités sont également disponibles : conversions par lots, rotation, ajout de filigranes, ajout de texte et ajustements légers de l’image, comme le réglage des ombres et de la luminosité.

Bien entendu, vous pouvez toujours opter pour une option encore plus simple si vous ne souhaitez convertir qu’une poignée d’images. Ezgif est un convertisseur WebP en ligne gratuit, les mots clés étant gratuit et en ligne. Vous n’y trouverez pas les fonctions plus avancées de XnConvert, mais si vos préoccupations sont la rapidité et la commodité, il vous couvre.

Conclusion : Images WebP

Compte tenu de l’effet considérable sur les temps de chargement, pratiquement tous les sites ou médias sociaux peuvent bénéficier du format WebP. Comme nous l’avons mentionné dans les avantages et les inconvénients du format WebP, le seul problème est que tous les navigateurs ne l’utilisent pas. Veillez donc à vérifier vos analyses d’utilisation pour savoir quels sont les navigateurs préférés de vos visiteurs et si le passage au format WebP les affectera.

Si vous n’êtes toujours pas sûr du format d’image qui vous convient, vous pouvez toujours faire appel à un concepteur de sites web professionnel pour s’en charger. Mentionnez simplement que la vitesse du site et les temps de chargement sont une priorité et ils s’en chargeront.

FAQ sur le format d’image WebP