Le format PNG (Portable Network Graphics) est un format d'image sans perte qui prend en charge la transparence. Il est particulièrement adapté aux logos, icônes, captures d'écran et graphiques comportant du texte ou des aplats de couleurs, où la netteté est primordiale.
Contrairement au JPEG, le PNG préserve la qualité d'image même après plusieurs enregistrements. En contrepartie, la taille du fichier est plus importante : les fichiers PNG sont généralement deux à cinq fois plus volumineux que les images JPEG. Ce guide explique quand privilégier le PNG au JPEG ou au WebP, comment fonctionne la compression PNG et comment réduire la taille des fichiers sans perte de qualité.
En bref : Explication du format de fichier PNG
- Le format PNG est un format de fichier image de haute qualité qui utilise une compression sans perte, ce qui permet de préserver la netteté de l'image même après redimensionnement ou modification.
- Le format PNG prend en charge la transparence, ce qui le rend idéal pour les logos, les icônes et les graphismes web avec des arrière-plans épurés.
- Comparé aux formats JPEG, GIF et TIFF, le format PNG est idéal pour les images aux couleurs uniformes et les applications web grâce à son équilibre entre qualité et taille de fichier.
- Les images PNG doivent être optimisées avec soin car elles peuvent devenir volumineuses, notamment lorsqu'elles sont utilisées pour des visuels détaillés ou pour des modifications importantes.
Définition et signification du format de fichier PNG
Le format de fichier PNG, abréviation de Portable Network Graphics, est un format d'image largement utilisé, conçu pour stocker et transmettre des images raster sur Internet.
Le format PNG a été introduit le 1er octobre 1996 comme alternative libre de droits au format GIF et utilise un algorithme de compression sans perte pour préserver la qualité d'image originale. Cela signifie qu'aucune donnée n'est perdue lors de la compression ou de la décompression, contrairement à la compression avec perte utilisée pour le format JPG.
Un fichier PNG commence par une signature fixe qui identifie le format et permet de détecter les erreurs de transmission. Après la signature, la structure du fichier est organisée en segments.
Chaque segment comprend un champ de longueur, un code de type de segment en caractères ASCII, un champ de données et une valeur CRC 32 bits pour la vérification d'erreurs. Certains segments sont essentiels et doivent figurer dans chaque fichier PNG, comme le segment d'en-tête IHDR, les segments de données IDAT et le marqueur de fin de fichier IEND.
L'en-tête de l'image stocke des informations essentielles telles que la largeur, la hauteur, la profondeur de bits, le type de couleur, la méthode de compression, la méthode de filtrage et la méthode d'entrelacement de l'image.
Le format PNG prend en charge les images couleur, les images en niveaux de gris, les couleurs indexées et un canal alpha pour la transparence. Grâce à sa compatibilité avec 8 et 16 bits par pixel, le PNG offre une grande précision des couleurs et une excellente qualité d'image, ce qui le rend idéal pour les logos, les icônes et les éléments graphiques des pages web, quel que soit le système d'exploitation ou le navigateur utilisé.
Avantages du format de fichier PNG
L'utilisation du format de fichier PNG présente de nombreux avantages.
- L'un des avantages de ce format est la possibilité d'obtenir un fond transparent (contrairement au JPEG). Cela peut s'avérer pratique pour créer une image avec un effet de transparence.
- De plus, les images PNG conservent leur qualité lorsqu'elles sont redimensionnées, ce qui permet de les utiliser pour des images de petite et de grande taille sans perte de détails.
- Autre avantage : les fichiers PNG sont beaucoup plus petits que d’autres formats de fichiers sans perte comme le TIFF, ce qui les rend idéaux pour une utilisation sur le Web ou en pièces jointes aux courriels.
Apprendre : Introduction aux formats d'image de nouvelle génération
Comment utiliser les PNG dans la conception web ?
Les images PNG sont idéales pour la conception web lorsqu'elles comportent de grandes zones de couleur uniforme ou un fond transparent. En effet, les images PNG sont sans perte, ce qui signifie qu'elles conservent tous les détails de l'image originale. De plus, leur taille est plus légère que celle des fichiers JPEG, ce qui accélère leur chargement.
Pour utiliser une image PNG dans votre conception web :
- Assurez-vous que l'image est enregistrée au format .png.
- Utilisez la balise HTML `<img>` pour insérer l'image dans le code de votre page web. L'attribut `src` de `img` doit pointer vers l'emplacement du fichier PNG sur votre serveur.
- Définissez les attributs de largeur et de hauteur afin que l'image s'affiche à la taille correcte sur votre page.
Si vous souhaitez créer une image PNG transparente, vous pouvez utiliser un outil en ligne comme Pixlr ou Photoshop :
- Créez un nouveau calque dans votre éditeur d'images et remplissez-le avec la couleur que vous souhaitez rendre transparente.
- Réglez l'opacité du calque à 50 % ou moins.
- Enregistrez votre image au format .png et téléchargez-la sur votre serveur.
Lorsqu'elle est visualisée dans un navigateur web, cette image apparaîtra avec un fond transparent.
Articles connexes : Les meilleurs plugins d’optimisation d’images WordPress
Comparaison du format PNG avec d'autres formats de fichiers image (JPEG, GIF, TIFF)
Le format PNG est un excellent choix pour les images comportant de grandes zones de couleur uniforme ou nécessitant un fond transparent. Toutefois, il est important de prendre en compte certaines différences essentielles entre le format PNG et les autres formats d'image avant de faire votre choix.
- format JPEG est idéal pour les images très détaillées, comme les photographies. Son algorithme de compression entraîne une certaine perte de détails ; il n’est donc pas adapté aux images peu colorées ou comportant de grandes zones de couleur unie.
- Le format GIF est idéal pour les petites images aux couleurs limitées, comme les logos ou les illustrations au trait. L'algorithme de compression utilisé par le GIF peut engendrer des artefacts (distorsions visibles) si l'image n'est pas optimisée avec soin.
- Le format TIFF est un format de haute qualité adapté à l'impression. Les fichiers TIFF étant généralement beaucoup plus volumineux que les autres formats d'image, ils ne sont pas idéaux pour une utilisation sur le web.
Conseils pour la création et la modification d'images PNG
Lorsqu'on travaille avec des images PNG, il y a quelques points à retenir pour les créer et les modifier efficacement.
- Les images PNG sont idéales pour les grandes surfaces uniformes. Elles ne conviennent donc pas aux photographies ni aux images riches en détails et en variations. En revanche, elles sont parfaites pour les logos, les icônes et autres éléments graphiques nécessitant un rendu épuré et minimaliste.
- Les images PNG prennent en charge la transparence. Cela signifie que vous pouvez avoir un fond transparent derrière votre image, ce qui peut s'avérer pratique pour certains types de travaux graphiques. Pour créer un fond transparent dans votre image PNG, utilisez un outil en ligne comme Pixlr afin de supprimer la couleur de fond de votre image.
- Lors de la retouche d'images PNG, il est essentiel de tenir compte de leur taille. Les images PNG étant sans perte (c'est-à-dire qu'elles ne subissent aucune perte de qualité lors de la retouche ou de la compression), elles peuvent souvent être des fichiers volumineux. C'est pourquoi il est généralement préférable de les retoucher dans un logiciel comme Photoshop, qui dispose d'outils spécifiquement conçus pour gérer les fichiers volumineux.
Conclusion
Le format PNG est un format d'image pratique pour de nombreuses applications. Sa capacité à préserver les données et la netteté des images, même compressées, le rend idéal pour les pages web, les logos et autres graphiques comportant de grandes zones de couleur uniforme ou des fonds transparents.
Si vous recherchez un fichier image de haute qualité occupant un minimum d'espace, ne cherchez pas plus loin que le format PNG !
FAQ sur le format de fichier PNG
Qu'est-ce qu'un fichier PNG et à quoi sert-il ?
Un fichier PNG est un format d'image matricielle utilisant une compression sans perte. Il est couramment utilisé pour les graphismes web, les logos et les images nécessitant de la transparence et une haute qualité d'image.
Comment fonctionne la compression PNG ?
Le format PNG utilise la méthode de compression deflate avec des filtres PNG. Ce processus de compression réduit la taille du fichier sans supprimer les données de pixels de l'image originale.
Que sont les chunks PNG et pourquoi sont-ils importants ?
Les blocs PNG stockent les données et les métadonnées de l'image. Les blocs critiques, tels que IHDR, IDAT et IEND, définissent la structure du fichier, tandis que les blocs auxiliaires stockent le texte, la valeur gamma et les informations de profil colorimétrique.
Comment ouvrir un fichier PNG ?
Vous pouvez ouvrir un fichier PNG à l'aide d'un logiciel de retouche d'images, d'un navigateur web ou de la visionneuse d'images par défaut de votre système d'exploitation.
Le format PNG est-il meilleur que le JPG ou le GIF ?
Le format PNG est plus adapté aux images avec transparence, texte et contours nets. Le format JPG convient aux photos compressées avec perte, tandis que le format GIF est limité aux couleurs indexées et aux graphismes simples.
