GIF vs PNG
Les deux stockent des photographies, mais avec des compromis différents. Voici où ils diffèrent réellement, et comment trancher.
Short answer
Pour tout ce qui est statique, PNG bat GIF sur tous les plans, et ce depuis vingt ans. Pour l'animation, la réponse honnête est le plus souvent ni l'un ni l'autre : prenez un fichier vidéo.
Why this comes up
Si GIF survit, c'est par inertie culturelle et non par mérite technique. On le compare à PNG pour l'une de deux raisons : on a un vieux GIF et on veut le moderniser, ou on veut une animation et GIF est le seul format animé dont on connaisse le nom. Ce sont deux problèmes différents, et le second a une meilleure réponse que ne le laisse entendre le titre de cette page.
Comparaison directe
| Propriété | GIF | PNG |
|---|---|---|
| Compression | Sans perte | Sans perte |
| Transparence | Oui | Oui |
| Taille habituelle | 200-400% d’un JPEG équivalent | 300-500% d’un JPEG équivalent |
| Compatibilité | S’ouvre partout, y compris avec des logiciels vieux de plusieurs décennies | S’ouvre partout, y compris avec des logiciels vieux de plusieurs décennies |
| Provient généralement de | Sites web optimisant leur poids de chargement | Captures d’écran, logos et graphiques |
What actually differs
GIF est limité à 256 couleurs par image
C'est la contrainte qui définit le format et la raison pour laquelle les photos en GIF paraissent tramées et mouchetées. PNG porte de la couleur 24 bits complète et un canal alpha 8 bits. Toute image avec un dégradé, toute photographie, tout ombrage subtil est activement abîmé par la palette de GIF, et le dommage est incrusté : convertir ce GIF en PNG conserve le tramage, il ne l'annule pas.
La transparence de GIF tient en un bit ; celle de PNG a 256 niveaux
Un pixel GIF est soit entièrement transparent, soit entièrement opaque. Il n'y a pas de transparence partielle : c'est pourquoi les logos en GIF montrent des bords en escalier dès qu'on les pose sur un fond autre que celui pour lequel ils ont été préparés. L'alpha 8 bits de PNG autorise des bords lissés qui se posent correctement sur n'importe quelle couleur. Pour un logo ou une icône, cette différence suffit à trancher.
PNG sait animer, mais ce n'est pas le remède que vous cherchez
APNG est le PNG animé, pris en charge par tous les navigateurs actuels. Il offre la couleur complète et un vrai canal alpha : en qualité, c'est donc un progrès réel sur le GIF animé. Cela reste une suite d'images entières sans compensation de mouvement, si bien que quelques secondes de contenu proche de la vidéo restent énormes. Le même extrait en MP4 ou WebM est couramment 10 à 20 fois plus léger.
Which to use
Use GIF for
Pratiquement rien de neuf. GIF ne vaut la peine que lorsqu'une plateforme n'accepte rien d'autre, ou lorsque le fichier existe déjà et qu'un réencodage n'apporte rien.
Use PNG for
Tous les cas statiques : logos, icônes, captures d'écran, dessin au trait, et tout ce qui demande une transparence propre ou plus de 256 couleurs.
One thing that catches people out
Si vous êtes ici pour une capture d'écran vidéo, la réponse est un fichier vidéo
Les démonstrations et captures d'écran exportées en GIF atteignent couramment des dizaines de mégaoctets pour quelques secondes, parce que chaque image est stockée entière. Un MP4 ou un WebM du même enregistrement pèse une fraction de cela, paraît plus net et se lit directement sur toutes les plateformes qui comptent. L'avantage qui reste à GIF, c'est qu'il se lance tout seul et en silence là où la vidéo est bloquée, et cette liste ne cesse de se réduire.