Compresser un PNG pour le web

Sur un site moderne, le PNG devrait porter une charge précise et plutôt limitée : logos, icônes, captures d'écran d'interface, diagrammes, et tout ce qui nécessite un fond transparent. Tout ce qui est photographique relève du JPEG ou du WebP. Les sites qui ratent leur budget de performance sur les images servent souvent des photographies en PNG, et aucun réglage de compression ne rattrape cela — la solution est un changement de format, pas un changement de palette.

Pour les ressources qui devraient vraiment être en PNG, 128 couleurs avec tramage est presque une réponse universelle. Les éléments d'interface et les marques d'identité sont construits avec une palette petite et délibérée, donc réduire de moitié les couleurs disponibles élimine de la redondance plutôt que de l'information, et le résultat est identique à l'œil pour environ moitié moins d'octets.

Pour un logo ou une icône existant en art vectoriel, le SVG surpasse tout format matriciel sans exception : quelques centaines d'octets de balisage, net à tout niveau de zoom et toute densité d'écran, et personnalisable en CSS. Si vous avez le fichier vectoriel original, utilisez-le. Le PNG est le repli pour quand vous ne l'avez pas, ou pour de l'art avec des effets qui ne survivent pas à la vectorisation.

Le WebP prend aussi en charge la transparence et est généralement plus petit que le PNG pour le même contenu, avec une prise en charge sur tous les navigateurs actuels. La raison de continuer à servir du PNG est la compatibilité avec des logiciels hors navigateur — clients email, outils de conception plus anciens, et tout ce qu'un collègue pourrait ouvrir avec le fichier. Pour les ressources qui ne se rendent que sur vos propres pages, le WebP est le meilleur choix par défaut, et cet outil dispose d'un convertisseur pour cela.