JPG vs. PNG vs. GIF : Les différences entre les formats de fichiers image

Une rose par un autre nom peut sentir aussi bon, comme le dit Shakespeare dans Roméo et Juliette, mais si vous prenez une photo de cette rose et que vous l’enregistrez en JPEG avec une forte compression, vous pourriez constater une baisse de la qualité de l’image. Ce n’est pas un problème, cependant, car vous avez également la possibilité d’utiliser PNG, TIFF, GIF, SVG, ou même un nouveau format comme HEIC ou WebP. Certains de ces formats auraient fière allure dans le bulletin de la famille Capulet, tandis que d’autres s’intégreraient mieux dans le blog de Roméo, donc décoder ces types de fichiers peut être assez utile.

Perte vs. Sans perte

Chaque format d’image peut être catégorisé comme « avec perte » ou « sans perte », et ces termes s’expliquent principalement d’eux-mêmes. La compression avec perte réduit la taille des fichiers en supprimant définitivement des informations sur un fichier, le rendant plus petit mais dégradant également la qualité. La compression sans perte réorganise simplement les données de manière à ce qu’elles occupent moins d’espace mais puissent être compressées et décompressées (ou dézippées !) sans aucun dommage au fichier.

Raster vs. Vecteur

Lorsque vous pensez « format d’image », vous pensez probablement à un raster. Cela n’a rien à voir avec Bob Marley – cela signifie simplement que le fichier est essentiellement une grille de pixels colorés qui forment une image. JPG, PNG, GIF, TIFF et la plupart des autres fichiers photo sont des rasters. La seule information qu’ils contiennent est la couleur des pixels, donc agrandir ou étirer ces images entraînera généralement une image plus pixelisée.

Les vecteurs, en revanche, sont conçus pour être redimensionnés indéfiniment. Les fichiers SWF, EPS et PDF stockent des images non pas sous forme de pixels, mais sous forme d’équations mathématiques qui peuvent être rendues sous forme de points et de lignes. L’image peut être agrandie ou réduite autant que nécessaire sans perte de qualité, mais ces extensions ne sont pas aussi courantes sur le Web car les vecteurs ne sont pas aussi facilement compatibles que les images raster.

Joint Photographic Experts Group (JPEG) – Raster avec perte

Le fichier JPEG est nommé d’après le groupe qui l’a créé et domine le monde des images web en raison de sa compatibilité quasi universelle et de sa petite taille. Votre œil ne pourrait probablement pas distinguer un JPEG légèrement compressé d’une image de meilleure qualité sans quelques secondes d’examen, et il se charge rapidement, donc il est suffisant pour la plupart du Web.

JPEG-2000 est la version mise à jour qui présente quelques améliorations par rapport à l’original, mais elle n’a jamais vraiment décollé, donc vous êtes peu susceptible de voir ce format à de nombreux endroits.

Idéal pour : mettre des photos sur le Web, enregistrer et envoyer de petites tailles d’image, usage général, imprimer des photos.

Portable Network Graphics (PNG) – Raster sans perte

Ce format est devenu le choix par excellence pour les graphiques web de haute qualité, surtout si vous avez besoin d’un fond transparent. PNG a été conçu à l’origine comme une alternative au GIF, mais il prend en charge beaucoup plus de couleurs et est plus flexible en ce qui concerne les paramètres de transparence. La taille du fichier est généralement plus grande que celle du GIF ou du JPEG, mais le PNG préserve mieux la qualité et est plus flexible.

Vous pouvez également rencontrer PNG-8 et PNG-24 dans certains programmes. Ceux-ci s’exporteront toujours en tant que PNG normal, mais PNG-8 ne prend en charge que 256 couleurs et ne permet pas la transparence partielle, ce qui vous donne une taille de fichier plus petite que le PNG-24 plus complet.

Idéal pour : graphiques web, photos de haute qualité où la taille n’est pas un problème, transparence.

Graphical Interchange Format (GIF) – Raster sans perte

Le prédécesseur du PNG, le format GIF est maintenant le plus célèbre pour permettre les courtes boucles vidéo que vous ne pouvez pas vous empêcher de regarder sur les réseaux sociaux. Le débat sur la prononciation de « g if » ou « j if » est assez animé, mais si vous voulez mettre les deux camps en colère, essayez de le prononcer comme « jeff ».

Les GIF ne prennent en charge que 256 couleurs, ce qui en fait un choix médiocre pour les photos de haute qualité, mais leur compression est excellente, donc il peut réduire la taille des images simples sans une grande perte de qualité. Les pixels peuvent également être rendus transparents, mais doivent être soit activés, soit désactivés, pas entre les deux.

Idéal pour : graphiques simples, animations, icônes.

Tagged Image File Format (TIFF) – Raster sans perte

Vous n’avez peut-être pas rencontré de TIFF personnellement, mais si vous êtes passionné de photographie ou travaillez beaucoup avec des médias imprimés, vous les reconnaîtrez comme le format grand mais de haute qualité souvent privilégié par les éditeurs. De plus, personne ne discute de la prononciation.

Idéal pour : imprimer des photos de haute qualité, numériser des images de haute qualité, tout ce où la taille n’est pas un problème.

Scalable Vector Graphics (SVG) – Vecteur

Si vous avez déjà essayé d’enregistrer une image sur Internet et que vous avez plutôt obtenu l’option « enregistrer en tant que page web », vous avez peut-être vu un SVG. Ce sont probablement les graphiques vectoriels les plus largement pris en charge, et leur capacité à maintenir une bonne qualité et une évolutivité à faible taille de fichier les rend populaires pour les logos, les graphiques de site, et partout où un vecteur serait utile.

Idéal pour : graphiques d’entreprise, graphiques évolutifs, logos.

Nouveaux formats

Vous n’avez peut-être pas encore vu ces formats dans la nature, mais ils offrent certains avantages par rapport aux normes actuelles.

High Efficiency Image Format

HEIF est essentiellement un JPEG mais avec une qualité supérieure et des tailles de fichier plus petites. C’est désormais le format d’image par défaut sur iOS 11 et ultérieur.

WebP

WebP est le format de Google, et il fait à peu près tout : meilleure compression que le JPEG, meilleures animations que le GIF, et transparence comparable à celle du PNG. Il est pris en charge par plusieurs navigateurs et est actuellement utilisé par YouTube, Facebook, et quelques autres sites si vous les visitez avec un navigateur compatible.

Pourquoi tant de formats ?

Il est peu probable qu’il y ait un jour un format pour les gouverner tous, car différents domaines ont des besoins d’image différents. Les navigateurs internet généraux n’ont pas vraiment besoin de penser au-delà du JPEG et du PNG (et peut-être WebP et HEIC à l’avenir), mais pour les applications commerciales et d’édition, avoir des options comme TIFF et SVG facilite la vie.

Et, si vous ne l’avez pas encore fait, vous devriez envisager de choisir un camp dans le débat sur le GIF avant que le format ne disparaisse. Faites partie de l’histoire.

Crédits d’image : Comparaison entre JPEG, JPEG 2000, JPEG XR et HEIF, Google Developers, W3C.org, C’est facile Gif animé, Comparaison JPEG JFIF et 2000, Exemple de compression JPEG