Blog

PNG ou JPEG pour les captures d’écran ? Nous en avons mesuré 63

Écrit par InSnap · Publié le · png, jpeg, webp, taille de fichier, capture d’écran

PNG ou JPEG pour les captures d’écran ? Nous en avons mesuré 63

Pour les captures d’interface, le JPEG n’est souvent pas plus léger que le PNG. Sur 63 captures réelles : taille, défauts sur le texte et ce qui allège vraiment le fichier.

Pour la capture d’une fenêtre d’app, le JPEG n’est souvent pas plus petit que le PNG. Dans notre test sur 63 captures d’interface réelles, le JPEG à qualité 85 pesait 96 % de la taille du PNG en médiane, et il était plus lourd dans 40 % des images. Pour obtenir un fichier nettement plus petit, il faut descendre à la qualité 70 ou moins, et cela fait apparaître des halos autour du texte.

L’économie la plus importante se trouve ailleurs : réduire une capture Retina à 1x. C’est le réglage à regarder en premier.

Comment nous avons mesuré

Nous avons généré 63 captures de l’interface d’InSnap elle-même, à taille Retina (2x), de 1840 × 1320 pixels chacune : 20 pages de réglages, 18 vues de l’historique, 7 écrans de l’éditeur d’images, 13 écrans de l’éditeur de guides et 5 écrans de l’éditeur vidéo. Le PNG médian, tel qu’enregistré, faisait environ 195 Ko.

Chacune a été réencodée en PNG optimisé, en JPEG aux qualités 95, 85, 70 et 50, et en WebP sans perte et avec perte. Pour chaque résultat, nous avons relevé la taille du fichier par rapport au PNG, ainsi que la part de pixels modifiés de façon visible, c’est-à-dire ceux dont une composante de couleur s’écarte de plus de 8 sur 255.

Il s’agit de contenu d’interface à aplats, la « capture d’une app » typique, sans photographie. Un écran Retina complet contient environ trois fois plus de pixels que ces fenêtres ; les tailles absolues seront donc plus grandes sur le vôtre.

Les résultats

Taille des fichiers JPEG et WebP comparée au PNG, par type d’écran
EncodageTaille par rapport au PNG (plage sur les cinq types d’écran)Pixels modifiés visiblement
PNG100 %0 %
JPEG, qualité 95107 % à 181 %0,5 % à 1,2 %
JPEG, qualité 8570 % à 119 %1,4 % à 1,8 %
JPEG, qualité 7054 % à 94 %2,5 % à 3,0 %
JPEG, qualité 5045 % à 78 %3,5 % à 4,1 %
WebP sans perte31 % à 55 %0 %
WebP, qualité 9030 % à 44 %0,5 % à 1,3 %

Trois points ressortent.

  • Un JPEG de haute qualité peut coûter plus cher qu’un PNG. Les aplats de couleur et les bords nets sont ce que le PNG compresse le mieux et ce que le JPEG gère le moins bien. Le JPEG en pleine chrominance (4:4:4), qui garde le texte coloré plus net, était encore plus lourd : 93 % à 155 % du PNG à qualité 85.
  • Le WebP sans perte était l’option sans perte la plus légère, à 31 % à 55 % du PNG. InSnap enregistre en PNG ou en JPEG : ceci montre ce qu’un autre encodeur pourrait faire, et non un réglage que vous pouvez choisir. Vérifiez d’abord que le site où vous envoyez le fichier accepte le WebP.
  • Chaque étape avec perte modifie le texte. Le prix d’un JPEG plus petit se paie justement sur les pixels qui vous importent.
Le même bouton à quatre qualités JPEG

À la qualité 85, le texte du bouton est presque identique et le fichier a la même taille que le PNG : il n’y a rien à gagner. À 70 et 50, le fichier rétrécit, mais un léger halo apparaît autour des lettres blanches.

Ce qui réduit réellement une capture

Réduire la taille bat réencoder. Une capture Retina compte quatre fois plus de pixels qu’une capture 1x, et dans InSnap cela tient en une seule option.

Modification (médiane des 63)Taille par rapport au PNG 2x
Passer à 1x, garder le PNG67 %
Passer à 1x, puis JPEG qualité 8537 %
JPEG qualité 85 en 2x96 %

Les images d’interface à aplats se compressent si bien que supprimer les trois quarts des pixels ne fait baisser le PNG que d’un tiers. Mais la combinaison 1x et JPEG reste l’option la plus légère qui garde un texte lisible.

Dans InSnap, ouvrez Réglages › Enregistrer, activez Réduire les captures Retina à 1x, puis choisissez le format d’image à cet endroit. Les détails se trouvent dans PNG, JPEG et presse-papiers, et la liste complète pour les fichiers trop lourds dans capture trop lourde pour l’envoi.

Quel format choisir

SituationFormat à utiliser
Documentation, rapports de bug, diapositives, tout ce qui contient du textePNG
Trop lourd pour un e-mail ou un formulaireRéduire les captures Retina à 1x d’abord, puis JPEG à qualité 85 ou plus si la destination l’exige
Une photo ou une image tirée d’une vidéoJPEG ; nous n’avons pas mesuré les photos, et le JPEG est conçu pour elles
Vous allez le retoucher ou le recadrerPNG ; le JPEG perd un peu plus à chaque nouvel enregistrement

Questions fréquentes

Le JPEG est-il plus léger que le PNG pour les captures d’écran ?

Pas de façon fiable. Pour les captures d’interface à aplats, le JPEG à qualité 85 pesait à peu près autant que le PNG dans notre test, et il était plus lourd dans 40 % des images. Il devient plus léger à des qualités plus basses, avec des défauts visibles autour du texte.

Pourquoi mon JPEG est-il plus lourd que le PNG ?

Les captures sont surtout faites d’aplats de couleur et de bords nets. Le PNG les stocke très efficacement, alors que le JPEG consacre des bits aux bords pour éviter le flou. Les photos se comportent à l’inverse.

Réduire une capture Retina à 1x nuit-il à la qualité ?

La largeur et la hauteur sont divisées par deux, donc le texte est rendu avec un quart des pixels. C’est suffisant pour les documents, la messagerie et l’e-mail. Gardez la pleine résolution si l’image sera regardée sur un écran Retina ou recadrée ensuite.

Le WebP est-il meilleur que le PNG pour les captures d’écran ?

Dans notre test, le WebP sans perte pesait 31 % à 55 % du PNG, sans aucun changement de pixels. InSnap enregistre en PNG ou en JPEG, et certains envois n’acceptent pas le WebP : vérifiez la destination avant de convertir.

Votre prochaine capture est à un raccourci de vous.

macOS 14.4+ (Apple Silicon et Intel) · Windows 10+ (64 bits)