L'abréviation PNG signifie Portable Network Graphics, et se prononce ping
. Le format PNG dispose de cinq types de formats distincts couramment utilisés :
| Nom logiciel | Encodage | Profondeur | Usage |
|---|---|---|---|
| PNG-8 | Paletted | 1, 2, 4, 8 bits | Capture d'écran, logos, icônes, certains arrière-plan, transparence similaire à GIF |
| Niv. de gris | GrayScale | 1, 2, 4, 8 bits | Images en noir et blanc ou certaines en niveaux de gris |
| Niv. de gris | GrayScale+alpha | 16 bits | PNG GrayScale avec canal alpha (transparence, translucidité, anti-aliasing) |
| PNG-24 | TrueColor | 24 bits | Images avec couleurs successives (facilité de filtrage) |
| PNG-32 | TrueColor+alpha | 32 bits | Image de haute qualité (transparence, translucidité, anti-aliasing) |
Le PNG Paletted, plus couramment notifié PNG-8 (ou indexed-color, pseudocolor, colormapped, palette-based) utilise l'encodage Paletted pour stocker les données. Il utilise un encodage par paliers, selon le nombre de couleurs qui sont indexées dans la palette de couleur.
| Nombre de couleurs | Profondeur | Nom logiciel |
| 1 à 2 | 1 bit / pixel | PNG-1 |
| 3 à 4 | 2 bits / pixel | PNG-2 |
| 5 à 16 | 4 bits / pixel | PNG-4 |
| 17 à 256 | 8 bits / pixel | PNG-8 |
Chaque pixel dispose d'une valeur RVB, et peut être suivi d'une valeur d'opacité pouvant varier de 0 (totalement transparence) à 255 (aucune opacité). Seules les valeurs 0 et 255 sont supportées par le navigateur Internet Explorer (v4.0 à v6.0).
| Pas de transparence | Transparence binaire | Transparence à opacités |
![]() | ![]() | ![]() |
| 10 couleurs bleues différentes | 5 bleus opacité à 0 | Opacités différentes pour chaque bleu |
| Support depuis IE 4.0 | Support depuis IE 4.0 | Non supporté jusqu'à IE 7.0 |
Note : les images restituées ci-dessus ne pourront être affichées correctement sur certaines versions (1.0 à 6.0) de Internet Explorer, ainsi que sur les navigateurs utilisant son environnement.
Le PNG Paletted peut utiliser une méthode de quantification ou la méthode dithering
pour atténuer la dégradation physique de l'image. Elle consiste à simuler la présence de plus de couleurs que l'image n'en contient.
![]() | ![]() |
| 32 couleurs (Paletted) | 32 couleurs (Paletted) |
Le PNG GrayScale a été conçu pour stocker des images ayant un nombre limité de couleurs, tout comme PNG Paletted : lui aussi est limité à 256 couleurs au maximum, utilisant les mêmes paliers pour la profondeur. Sa raison d'être est le stockage des images en niveaux de gris ou en noir et blanc. Sa méthode de stockage lui permet d'obtenir un meilleur résultat que PNG Paletted lorsque l'image n'a pas été altérée.
| Paletted | GrayScale |
| 82 | 82 |
| 2011 octets | 1255 octets |
Le PNG GrayScale+alpha bénéficie du canal alpha du PNG, lui permettant un filtre anti-aliasing, une transparence et une translucidité variable. Il est utilisé au même titre que GrayScale, pour des images en niveaux de gris ou en noir et blanc.
Le canal alpha n'est pas supporté par certains navigateurs, dont Internet Explorer 6.0 : les utilisateurs d'Internet Explorer 6.0 ne devraient pas voir une restitution correcte des images.
![]() | ![]() |
| Paletted | PNG GrayScale+alpha |
| Transparence Paletted | Transparence canal alpha et anti-aliasing |
L'anti-aliasing, ou effet anti-escalier
permet d'épurer le contour de l'image afin de l'insérer dans de meilleures conditions ; cela améliore généralement la qualité au détriment de l'incompatibilité, et du poids.
![]() | ![]() |
| PNG GrayScale+alpha | PNG GrayScale+alpha |
| Transparence et anti-aliasing | Transparence, anti-aliasing, translucidité |
A la différence du format JPEG, le PNG TrueColor est toujours sans pertes, ce qui engendre bien souvent un poids excessif sur certaines images qui n'ont pas été pré-optimisées. Le PNG TrueColor peut se montrer à l'inverse très impressionnant sur des images disposant de valeurs faciles à filtrer : c'est le cas des dégradés par exemple, ou les variables de couleurs sont continues.
![]() | ![]() |
| JPEG | PNG |
| 51950 couleurs | 68850 couleurs |
| 22346 octets | 746 octets |
Le PNG TrueColor dispose de filtres qui lui permettent de pré-optimiser l'image (analyse des données continues) avant d'en effectuer la compression. Cela donne des résultats souvent peu compréhensibles pour l'utilisateur débutant, qui constate alors une image d'un poids extrêmement faible comparé à la quantité impressionnante de couleurs.
Le PNG TrueColor+alpha ajoute un canal alpha au PNG-24 afin d'obtenir un effet anti-aliasing et de translucidité sur l'image. Ce type de PNG n'est pas correctement pris en charge par Internet Explorer 4 à 6.
![]() | ![]() |
| Transparence et anti-aliasing | Translucidité |
css-ig.net - Contacter l'auteur