Comment fonctionne la compression PNG
Le PNG utilise une compression sans perte basée sur l’algorithme DEFLATE (le même que ZIP). Il applique un filtrage prédictif aux lignes de pixels, puis compresse le résultat. Chaque pixel est préservé à l’identique — aucune perte de qualité, jamais.
L’optimisation PNG consiste à trouver des chemins d’encodage plus efficaces et à supprimer les métadonnées inutiles. Le rendu visuel est identique octet pour octet aux pixels d’origine.
Résultats de compression PNG
| Type d’image | Original | Optimisé | Économie |
|---|---|---|---|
| Capture d’écran (UI) | 1.8 MB | 720 KB | 60% |
| Schéma/graphique | 950 KB | 380 KB | 60% |
| Icône avec transparence | 85 KB | 42 KB | 51% |
| Photo enregistrée en PNG | 4.1 MB | 3.2 MB | 22% |
Astuce : les photos enregistrées en PNG sont énormément surdimensionnées. Convertissez d’abord les photos en JPG ou WebP — vous obtiendrez des fichiers 80 à 90 % plus petits. Réservez le PNG aux graphiques, captures d’écran et images nécessitant de la transparence.
Quand utiliser le PNG
- Captures d’écran — le texte net et les éléments d’interface restent précis
- Graphiques avec texte — logos, schémas, infographies
- Transparence requise — images de produits sur fond transparent
- Pixel art — chaque pixel compte, aucun artefact de compression
- Fichiers sources — quand vous éditerez l’image plus tard (aucune perte générationnelle)
Quand ne pas utiliser le PNG
- Photographies — un PNG de photo est 3 à 5 fois plus lourd qu’un JPG. Utilisez plutôt JPG ou WebP.
- Performance web — si la taille est critique et une légère perte acceptable, le WebP offre une meilleure compression avec transparence.
- Grandes images — un PNG 4000×3000 peut peser plus de 10 Mo. Envisagez le WebP sans perte (30 % plus léger).