PNG, JPG et WebP : quel format d’image devriez-vous utiliser ?
Par l’équipe FileTinker6 min de lecture
Les formats JPG, PNG et WebP sont les trois que vous utilisez quotidiennement, et choisir le mauvais peut entraîner un gaspillage de bande passante ou une détérioration de la qualité de votre image. En résumé : le JPG est destiné aux photos, le PNG aux graphiques qui nécessitent des contours nets ou de la transparence, et le WebP peut gérer les deux, tout en réduisant la taille du fichier. Mais les détails sont importants, surtout les pièges qui peuvent discrètement ruiner une image. Voici ce que chaque format permet réellement de faire et quand il est préférable de l’utiliser.
La réponse en une seule phrase.
Utilisez le format JPG pour les photographies, le format PNG lorsque vous avez besoin de transparence ou que vous souhaitez obtenir un rendu net pour le texte et les lignes, et le format WebP si vous voulez des fichiers plus petits et que votre public utilise des navigateurs modernes. Presque toutes les décisions importantes se résument à deux questions : l’image a-t-elle un arrière-plan transparent, et s’agit-il d’une photo ou d’un graphique ?
- Photo, pas besoin de transparence : JPG (ou WebP pour des fichiers plus petits).
- Logo, icône, capture d’écran ou tout autre élément contenant de la transparence : utilisez le format PNG (ou WebP).
- Servir des images sur un site web et viser les fichiers les plus légers : WebP.
JPG : format de compression avec perte, conçu pour les photos.
Le format JPG (également écrit JPEG) utilise une compression avec perte. Il supprime certaines données de l’image que l’œil humain ne remarquera probablement pas, ce qui réduit considérablement la taille des fichiers photo par rapport à la taille des pixels bruts. Pour une photo de plage ou un portrait avec des dégradés subtils et des milliers de couleurs, c’est exactement ce que l’on recherche, et la perte de qualité est généralement imperceptible.
Le format JPG présente deux inconvénients majeurs. Tout d’abord, il ne prend pas en charge les canaux alpha, ce qui signifie que chaque pixel est opaque et qu’il n’y a pas de transparence. Ensuite, il gère mal les contours nets : si vous placez du texte noir ou une ligne nette sur un fond uni, le format JPG ajoute des halos flous et pixélisés autour des bords, ce qui crée des artefacts de compression. C’est pourquoi une capture d’écran d’un document enregistré au format JPG apparaît floue, tandis que la même capture d’écran enregistrée au format PNG reste parfaitement nette.
PNG : format sans perte, avec une transparence réelle.
Le format PNG utilise une compression sans perte. Il réduit la taille des fichiers sans supprimer aucune donnée de pixel, de sorte que ce que vous y insérez est exactement ce que vous en retirez. Cela le rend idéal pour les logos, les icônes, les captures d’écran, les diagrammes et tout élément contenant du texte ou des contours nets, sans les effets de flou que produit le format JPG.
La principale caractéristique du format PNG est la présence d’un canal alpha complet : les pixels peuvent être totalement transparents, totalement opaques ou présenter un degré de transparence intermédiaire. C’est ainsi qu’un logo peut être affiché de manière nette sur n’importe quelle couleur de fond. Le compromis est la taille du fichier. Pour une photographie en couleurs, un fichier PNG est souvent plusieurs fois plus volumineux qu’un fichier JPG équivalent, car la compression sans perte ne peut pas réduire autant la taille d’une photographie comportant beaucoup de bruit. Utilisez le format PNG lorsque vous avez besoin de transparence ou de contours parfaitement nets, mais pas pour vos photos de vacances.
WebP : le format moderne qui offre les deux avantages.
WebP est le nouveau format de Google. Il prend en charge à la fois un mode avec perte (comme le JPG) et la transparence (comme le PNG), généralement avec une taille de fichier inférieure à celle des deux formats. Une photo au format WebP est généralement sensiblement plus petite qu’une photo JPG de qualité équivalente, et un graphique WebP avec transparence est généralement plus petit qu’un fichier PNG. C’est pourquoi de nombreux sites web utilisent désormais le format WebP.
Le principal inconvénient est la compatibilité. WebP fonctionne avec tous les navigateurs web modernes, mais les navigateurs très anciens et certaines applications de bureau plus anciennes, les clients de messagerie et les logiciels de retouche d’images ne le prennent pas en charge. Si vous publiez du contenu sur un site web moderne, WebP est un excellent choix par défaut. Si vous envoyez un fichier par e-mail à un client ou que vous le transmettez à quelqu’un qui utilise un logiciel inconnu, JPG ou PNG est une option plus sûre. Il existe également AVIF, un format encore plus récent qui offre une meilleure compression, mais sa prise en charge est moins uniforme. Il est donc préférable de le considérer comme un atout supplémentaire plutôt que comme une option par défaut.
Les deux pièges qui gâchent silencieusement les photos.
Piège numéro un : la conversion d’un fichier PNG en JPG détruit la transparence. Le format JPG ne prend pas en charge les canaux alpha, de sorte que chaque pixel transparent doit être remplacé par un pixel opaque. Les outils remplissent ces zones transparentes avec une couleur unie, et le blanc est généralement le choix par défaut. Le convertisseur de FileTinker fait exactement cela : lorsque vous convertissez un fichier en JPG (ou en GIF ou BMP), toutes les zones transparentes sont aplaties sur un fond blanc. Si votre logo comportait des coins transparents, ils apparaîtront en blanc. Il ne s’agit pas d’un bug, mais d’une conséquence inévitable de l’utilisation du format JPG. Pour conserver la transparence, convertissez plutôt le fichier en PNG ou en WebP.
Piège numéro deux : enregistrer un fichier JPG à plusieurs reprises entraîne une dégradation de sa qualité. Étant donné que le format JPG est un format avec perte, chaque enregistrement supprime une petite quantité de données. Ouvrez un fichier JPG, effectuez une petite modification, enregistrez-le au format JPG, et répétez l’opération plusieurs fois. Vous constaterez alors une perte de qualité visible, un effet de copie de copie. Les couleurs deviennent plus ternes et des artefacts s’accumulent. La même chose s’applique au format WebP avec perte. La solution consiste à conserver votre fichier original dans un format sans perte (PNG ou le fichier original de l’appareil photo) et à l’exporter au format JPG ou WebP une seule fois, à la fin.
Comment FileTinker effectue la conversion (et pourquoi il reste fiable).
Les outils de FileTinker, notamment le convertisseur d’images et l’outil de compression d’images, fonctionnent entièrement dans votre navigateur, ce qui signifie qu’aucun fichier n’est envoyé sur un serveur. Toutefois, il est utile de savoir ce qu’ils font à vos images, afin que vous ne soyez pas pris au dépourvu.
Le convertisseur décode votre image, la dessine sur un canvas, puis la réencode dans le format cible. La sortie PNG est sans perte, ce qui signifie qu'une conversion vers le format PNG conserve chaque pixel exactement. Cependant, les sorties JPG, WebP et AVIF sont encodées avec une qualité fixe d'environ 0,92, ce qui est avec perte. Cela signifie que la conversion d'une photo vers le format JPG ou WebP est un réencodage, et non une copie parfaite, et que la sauvegarde répétée accumule des pertes. C'est normal pour ces formats, et 0,92 est un paramètre de haute qualité, mais ce n'est pas de la magie : il n'existe pas de conversion JPG ou WebP sans perte ici. Le format AVIF n'est proposé que si votre navigateur peut l'encoder (Chrome et Edge aujourd'hui, pas Firefox), il apparaît donc comme une option plutôt que comme une garantie.
L’outil de compression d’images conserve le format d’origine lorsque le navigateur peut réencoder l’image (JPG, PNG ou WebP) et utilise le format JPG pour les autres types de fichiers. De plus, il refuse de renvoyer un fichier qui n’est pas réellement plus petit : si la réencodage ne permet pas de réduire la taille du fichier par rapport à la version originale, il conserve la version originale sans la modifier, plutôt que de renvoyer un fichier plus volumineux en prétendant qu’il est plus petit.
- Convertir au format PNG : compression sans perte, conserve la transparence.
- Convertir au format JPG : réencodage avec perte (~0,92), la transparence est remplacée par du blanc.
- Convertir au format WebP : réencodage avec perte (~0,92), conserve la transparence.
- Compression : conserve le format d’origine dans la mesure du possible, et ne génère jamais un fichier plus volumineux.
Guide pratique pour prendre des décisions rapidement.
Lorsque vous êtes devant une fenêtre « Enregistrer sous », suivez les étapes suivantes dans l’ordre :
- Est-ce qu’il faut que l’image ait un fond transparent ? Si oui, utilisez le format PNG ou WebP, mais jamais le format JPG.
- Est-ce une photographie aux couleurs vives et aux dégradés prononcés ? Au format JPG ou WebP.
- Est-ce un logo, une icône, une capture d’écran ou un dessin vectoriel ? Au format PNG ou WebP ?
- Est-ce que vous êtes sur un site web moderne et que la taille compte ? WebP.
- Est-ce que vous l’envoyez à quelqu’un qui utilise un logiciel obsolète ou inconnu ? JPG (pour les photos) ou PNG (pour les graphiques).
- Continuerez-vous à le modifier ? Conservez une version principale au format PNG sans perte et n’exportez-le au format JPG ou WebP qu’à la fin.