Les images PNG peuvent-elles avoir un fond transparent ?
Oui. La transparence est une fonctionnalité centrale du PNG (Portable Network Graphics).
Comment ça marche
- Canal Alpha : Le PNG supporte l'alpha 8 bits (256 niveaux d'opacité) par pixel — pas seulement binaire marche/arrêt comme le GIF.
- Types de couleur :
- Type 0 : Niveaux de gris
- Type 2 : Vraies couleurs (RVB)
- Type 3 : Couleurs indexées (palette) — avec chunk tRNS pour transparence 1 bit ou palette-alpha.
- Type 4 : Niveaux de gris + Alpha
- Type 6 : Vraies couleurs + Alpha (RVBA) — standard pour transparence complète.
- Sans perte : Compression (DEFLATE) préserve les valeurs exactes des pixels — pas de bords crénelés par quantification.
Comparaison avec autres formats
| Format | Transparence | Qualité |
|---|---|---|
| PNG | Alpha complet (256 niveaux) | Sans perte |
| GIF | 1 bit (marche/arrêt) via tRNS | Sans perte (limite 256 couleurs) |
| JPEG | Aucune | Avec perte |
| WebP | Alpha complet | Sans perte ou avec perte |
| AVIF | Alpha complet | Sans perte ou avec perte (meilleure compression) |
| SVG | Vectoriel (inhérent) | Résolution infinie |
Pièges courants
- Réglages d'export : Dans Photoshop : « Enregistrer sous → PNG → Transparence ✓ » ou « Exporter sous → PNG → Transparence ✓ ». Pas « Enregistrer pour le web (héritage) » → JPEG.
- Calque arrière-plan : Supprimez/masquez le calque arrière-plan avant export.
- Couleur de matte : Certains outils ajoutent un matte (blanc par défaut) si vous aplatissez — évitez.
- Navigateur/Visualiseur : Tous les navigateurs modernes rendent l'alpha PNG correctement. Vieux IE6 avait besoin d'un hack filtre.
Utilisez PNG pour : Logos, icônes, éléments UI, captures d'écran, diagrammes, tout raster avec transparence. Utilisez WebP/AVIF pour livraison web (fichiers plus petits).
No