Tout savoir sur le fichier PNG

Le fichier PNG est un format de fichier couramment utilisé sur les sites web pour afficher des images digitales de grande qualité. Conçu pour être plus performant que le fichier GIF, il offre une compression sans perte, mais aussi une palette de couleurs beaucoup plus variées et éclatantes. Découvrez ses avantages et inconvénients, ses principaux cas d’usage, et apprenez à en créer vous-même.

Le fichier PNG ou Portable Network Graphic

Le fichier PNG, format d’image pixellisé est très utiisé par les graphistes et les designers web.

Rôle d’un fichier PNG

Le fichier PNG (Portable Network Graphic) est un format de fichier d’image pixellisé. Très apprécié des designers web, il prend en charge les illustrations avec arrière-plans transparents ou semi-transparents. Et comme il n’est pas breveté, vous pouvez ouvrir un fichier PNG dans n’importe quelle application de retouche d’image sans avoir à acheter une licence.

 

Les fichiers PNG, qui utilisent l’extension .png, peuvent gérer 16 millions de couleurs, ce qui les différencie nettement de la plupart des types de fichier.

Histoire du fichier PNG

Le format d’image PNG a été inventé en 1995. La dénomination PING trouvée à l’époque par Oliver Fromme, un expert IT, a par la suite été abrégée en PNG.

 

Le fichier PNG est une évolution du format de fichier GIF, qui existait déjà depuis huit ans au moment de son lancement. Les fichiers GIF pâtissaient de plusieurs inconvénients, comme la nécessité d’obtenir une licence de brevet et leur palette de seulement 256 couleurs, alors que la résolution des écrans d’ordinateur ne cessait de s’améliorer. Le fichier PNG ne requièrent pas de licence de brevet et inclut une palette chromatique beaucoup plus large. Contrairement au fichier GIF, le fichier PNG est un format à une seule image qui ne prend pas en charge l’animation.

Différentes utilisations du fichier PNG

Le fichier PNG (Portable Network Graphic) est un format polyvalent dont voici quelques cas d’usage :

 

Photographie

Le format PNG n'est pas très utilisé pour les photos destinées au web, mais il peut l'être pour des photos numériques haute qualité, très riches en détails, destinées à être imprimées et retouchées, par exemple. Il fait partie des formats courants dans Adobe Photoshop.

 

Logos avec arrière-plans transparents

Les designers utilisent souvent le format PNG pour les logos car il prend en charge les arrière-plans transparents. Ils peuvent ainsi incruster sur différents arrière-plans des logos au rendu très naturel.

 

Diagrammes et illustrations en ligne

Les fichiers PNG utilisent la compression sans perte, ce qui signifie qu’ils conservent toutes les données d’origine une fois compressés. Ils sont donc particulièrement indiqués pour les illustrations et les diagrammes détaillés sur des sites web, car aucune information vitale n’est perdue.

 

Découvrir d’autres types de fichiers pixellisés

Avantages et inconvénients

Les fichiers PNG offrent certes de nombreux avantages, mais ils présentent également certains inconvénients. Tenez-en compte avant de les utiliser afin de vérifier si ce format est adapté à votre projet.

 

Avantages du fichier PNG

  • Comme il prend en charge plusieurs millions de couleurs, le fichier PNG peut stocker des images beaucoup plus détaillées que les fichiers GIF.
  • PNG étant un format ouvert, vous pouvez consulter et modifier ce type de fichier dans de nombreuses applications sans avoir à acheter une licence, car il n’y a pas de brevet.
  • Une image PNG ne perd pas ses données lorsqu’elle est compressée, ce qui simplifie considérablement son stockage et son transfert. Il s’agit d’un avantage majeur par rapport aux options avec perte, comme les fichiers JPEG, qui perdent des informations durant le processus de compression.

 

Inconvénients du fichier PNG

  • Comme il conserve toutes ses données d’origine lorsqu’il est compressé, le fichier PNG est généralement beaucoup plus volumineux que les fichiers GIF ou JPEG. Il occupe donc plus d’espace sur le disque dur de votre ordinateur.
  • Conçus pour le web dès le départ, il ne prend pas en charge le mode de couleur CMJN, ce qui peut compliquer son transfert pour l’impression.
  • Bien que le fichier PNG compressé contienne des données d’image détaillées et de grande qualité, sa taille importante ralentit le chargement des pages et diminue la réactivité. En effet, les fichier PNG sont souvent volumineux pour pouvoir gérer les hautes résolutions, et il est donc parfois plus long de les traiter, partager, enregistrer et ouvrir. Leur poids peut aussi augmenter le temps de chargement des pages web, c’est pourquoi les fichiers JPEG sont plus répandus pour la mise en ligne de photos. Il existe toutefois une version PNG 8 bits plus légère, mais qui ne prend en charge que 256 couleurs.
Retoucher un fichier PNG dans Photoshop

Le fichier PNG, un format courant dans les applications de retouches d’images.

Ouverture d’un fichier PNG

Quasiment toutes les applications de retouche d’image intégrées peuvent ouvrir les fichiers PNG. Sous Windows comme sous macOS, il vous suffit de rechercher le nom de fichier et de double-cliquer dessus. Vous pouvez ensuite choisir l’application à utiliser dans la liste qui s’affiche.

 

Les principaux navigateurs web, notamment Chrome, Edge et Safari, peuvent également ouvrir les fichiers PNG. Pour visualiser une image PNG, vous pouvez la transférer de votre bureau vers votre navigateur par simple glisser-déposer.

Création et modification d’un fichier PNG

Pour créer un fichier PNG dans Adobe Photoshop, il suffit de procéder comme suit :

 

1. Ouvrez un fichier d’image dans Photoshop et cliquez sur Enregistrer sous.

2. Sélectionnez PNG dans le menu Format de la boîte de dialogue qui s’affiche.

3. Enregistrez le fichier PNG obtenu à l’emplacement de votre choix.

 

Pour modifier la transparence de votre image, procédez comme suit :

 

1. Ouvrez votre fichier PNG dans Photoshop et cliquez sur Fenêtre, puis sur Calques.

2. Dans le panneau Calques, cliquez sur le calque d’arrière-plan, puis sur OK.

3. Sélectionnez le menu Opacité dans le panneau Calques. Vous pouvez ensuite choisir un pourcentage inférieur à 100 % pour modifier la transparence de votre image.

Fichiers PNG : foire aux questions (FAQ)

Le format PNG prend-il en charge les animations ?

Contrairement au fichier GIF, les fichiers PNG ordinaires ne prennent pas en charge les animations. En 2001, les développeurs de PNG ont publié un nouveau format intitulé MNG (Multiple-image Network Graphic), qui est compatible avec les animations. Toutefois, GIF demeurant le format de prédilection pour les animations, MNG n’a pas eu beaucoup de succès.

Qu’est-ce sont les différences entre les fichiers PNG et JPEG ?

La réponse est simple : les fichiers PNG offrent une compression sans perte et conservent les données d’image lorsqu’ils sont compressés, contrairement aux fichiers JPEG. En revanche, en raison de la compression sans perte, les fichiers PNG ont tendance à être plus volumineux que les fichiers JPEG et ont donc besoin de plus d’espace de stockage.

 

De plus, et contrairement au fichier PNG, le format JPEG ne gère pas les arrière-plans transparents. Par suite, les logos non rectangulaires et les images contenant beaucoup de texte risquent de ne pas donner un résultat optimal dans ce format. De même, les images JPEG s'intègrent difficilement dans les pages web présentant différentes couleurs d'arrière-plan.

 

Le format PNG, lui, prend en charge la transparence. Les designers web peuvent appliquer des arrière-plans transparents à leurs images, avec différents degrés de transparence. Les images PNG s'intègrent mieux avec les pages web présentant différentes couleurs d'arrière-plan, et le texte est plus lisible.

Les fichiers PNG sont-ils de type vectoriel ou pixellisé ?

PNG est un format de fichier pixellisé. Il utilise donc un nombre fixe de pixels de couleur, et non les algorithmes mathématiques des fichiers vectoriels. En général, les fichiers pixellisés de type PNG sont plutôt utilisés pour les photos et les images détaillées, et les fichiers vectoriels pour les logos et les illustrations.

Les fichiers PNG prennent-ils en charge les données EXIF des appareils photo numériques ?

Les données EXIF incluent les réglages d’exposition de l’appareil photo, l’heure d’enregistrement d’une photo, et bien plus encore. L’un des inconvénients du format PNG est qu’il ne peut pas incorporer les données EXIF actuellement exploitées par de nombreux appareils photo numériques. L’utilisation d’un fichier PNG peut donc s’avérer problématique si vous souhaitez obtenir des informations détaillées sur des photos que vous venez de prendre.

Les fichiers PNG restituent-ils correctement le texte ?

Oui, la compression sans perte des fichiers PNG garantit le rendu parfait des images contenant beaucoup de texte, notamment les captures d’écran et les mises en page. Idem pour les numérisations de texte imprimé, y compris les documents manuscrits et les pages de journaux. Les données de l’image d’origine ne sont pas supprimées durant le processus de compression.

Découvrez les formats de fichier similaires à PNG.

Image de fichier GIF

GIF

Il s’agit du format d’image que PNG devait surpasser.

Image de fichier SVG

SVG

Ce sont des images vectorielles qui rivalisent avec les fichiers PNG pour les logos et les illustrations.

Image de fichier JPEG

JPEG

La compacité de ces fichiers compense leur compression avec perte.

Image de fichier HEIC

HEIC

Apple a inventé ce format afin d’offrir des images de grande qualité dans des fichiers peu volumineux.

Comparez PNG avec d’autres formats de fichier.

Image de fichiers JPEG et PNG

JPEG et PNG

Découvrez lequel des deux offre le meilleur compromis entre taille de fichier et qualité d’image.

Image de fichiers PNG et TIFF

PNG et TIFF

Déterminez lequel des deux convient le mieux à l’impression.

Image de fichiers PNG et SVG

PNG et SVG

Apprenez à choisir le meilleur format de fichier pour votre design.

Image de fichiers PNG et BMP

PNG et BMP

Comparez les critères de stockage des fichiers PNG et BMP.

Vous voulez réduire la taille d’un fichier PNG ? Découvrez comment compresser une image.