Qu’est-ce qu’un fichier PNG?

Êtes-vous confus par ce qu’est un fichier PNG dans Adobe Photoshop? Si c’est le cas, cela est parfaitement compréhensible car il existe de nombreux formats de fichiers d’images disponibles pour les photographes. Les plus courants incluent Jpeg, GIF, TIFF et, bien sûr, PNG.

Ce qui rend les choses encore plus délicates, c’est que chacune a un but spécifique. Dans cet article, nous allons examiner le format PNG. Vous apprendrez ce qu’est un fichier PNG, à quoi il sert et comment en créer un.

PNG, qui se prononce comme « ping » et son nom de fichier est.png, signifie Portable Network Graphics. C’est un type de format d’image que les concepteurs de sites Web utilisent pour créer des sites Web car il prend en charge des arrière-plans transparents et / ou des images semi-transparentes (c’est en fait le seul type de format d’image qui prend en charge la transparence).

Cette fonctionnalité rend le format PNG idéal pour les logos et les graphiques dynamiques de sites Web. Donc, si vous voulez un site Web fantastique que vos visiteurs adoreront, vous devez absolument utiliser des images au format PNG.

Il y a de fortes chances que vous ayez déjà vu des images PNG, par exemple lorsqu’un logo transparent se trouve sur la photo d’un photographe, ce qui vous permet de voir la photo à travers le logo. Dans ce cas, le but de la transparence est de promouvoir subtilement le photographe qui a pris la photo (et d’empêcher quelqu’un d’autre de l’utiliser).

Une technique de réduction de données appelée compression sans perte crée des fichiers PNG. Cela signifie que lorsque quelqu’un choisit de compresser une image, aucune des données qu’elle contient n’est perdue. En d’autres termes, le fichier PNG reste identique au fichier image d’origine. Ceci est différent de la compression avec perte, qui perd des informations lorsqu’elle compresse une image de fichier.

Un autre avantage de PNG est qu’il prend en charge les niveaux de gris et les espaces colorimétriques PNG-8, PNG-24 et PNG 32, ce qui lui permet d’afficher une large gamme de couleurs.

Cependant, cela signifie que les fichiers PNG peuvent être volumineux, c’est pourquoi les images sont généralement au format Jpeg (les fichiers Jpeg sont avec perte, ce qui signifie que chaque fois qu’ils sont décompressés, les données sont supprimées).

Un autre avantage du format PNG est qu’il est sans brevet, ce qui signifie que n’importe qui peut l’utiliser sans licence.

Quels programmes ouvrent les fichiers PNG ?

De nombreux programmes ouvrent des fichiers PNG. Il s’agit notamment des programmes de visionneuse de photos par défaut, des programmes de retouche photo tels que Lightroom et Adobe Photoshop et des navigateurs Web. Dans l’un de ces programmes, vous pouvez afficher un fichier PNG en sélectionnant « ouvrir » dans le menu déroulant ou simplement le glisser-déposer dans le programme ou un navigateur Web.

Si vous n’avez pas déjà Photoshop et Lightroom, vous pouvez les obtenir via le plan Creative Cloud d’Adobe pour seulement 9,99 $ / mois.

Adobe Photoshop et Lightroom et certains des outils les plus populaires utilisés par les photographes, les graphistes et les développeurs Web en raison de leurs capacités.

Moyens les plus simples pour Créer un fichier PNG dans Adobe Photoshop

Comment créer un fichier PNG dans Adobe Photoshop est un processus simple. Selon ce que vous voulez accomplir avec une image ou un graphique, il peut y avoir quelques étapes ou plusieurs.

Étapes pour créer un fichier PNG dans Photoshop:

• Cliquez sur Fichier dans le menu supérieur, puis sélectionnez Ouvrir
• Choisissez le fichier image et cliquez sur Ouvrir
• Cliquez sur Fichier dans le menu supérieur, puis sélectionnez Enregistrer sous

• Dans la boîte de dialogue, sélectionnez PNG dans le menu Format

• Cliquez sur Enregistrer

Bien qu’il s’agisse d’un moyen rapide de créer un fichier PNG, cela ne modifie en rien l’image, par exemple en la rendant transparente ou en supprimant l’arrière-plan pour isoler le ou les sujets. Ce sont les actions les plus courantes pour les fichiers PNG. Suivez les étapes ci-dessous pour apprendre à faire les deux.

2. Créez une image Photoshop transparente

• Ouvrez le fichier en répétant les étapes décrites au numéro 1.
• Ouvrez le panneau calques s’il n’est pas déjà visible à droite. Pour ce faire, cliquez sur Fenêtre, puis sélectionnez Calques.

• Cliquez sur le calque d’arrière-plan dans le panneau Calques, puis cliquez sur OK dans la boîte de dialogue qui apparaît. Cela déverrouille le calque, vous permettant de le modifier.

• Cliquez sur le menu déroulant Opacité dans le panneau Calques et choisissez un pourcentage inférieur à 100 %. Plus vous descendez, plus l’image sera transparente.
• Cliquez sur Fichier dans le menu du haut, choisissez Enregistrer sous et sélectionnez PNG dans le menu déroulant. Vous avez maintenant une image Photoshop transparente.

Supprimez l’arrière-plan pour isoler le sujet

• Ouvrez le fichier en répétant les étapes décrites au numéro 1.
• Ajouter un calque de transparence : Dans le menu supérieur, cliquez sur Calque, puis sélectionnez Nouveau. Vous verrez maintenant un nouveau calque vide dans le panneau Calques qui ressemble à un damier gris et blanc. Photoshop le définit automatiquement sur transparent.

• Faites glisser le nouveau calque sous le calque d’image d’arrière-plan dans le panneau calques.
• Cliquez sur le nouveau calque pour le sélectionner.

Astuce: Au lieu de créer un nouveau calque, vous pouvez également cliquer sur la petite icône de cadenas pour déverrouiller le calque d’arrière-plan. Tout ce que vous supprimez de l’image deviendra transparent.

• Sélectionnez le sujet: Dans la barre d’outils sur le côté gauche, sélectionnez l’outil Baguette magique.

• Cliquez sur Sélectionner un sujet en haut de la fenêtre. Photoshop sélectionne automatiquement ce qu’il pense être le (s) sujet (s). Vous verrez des « fourmis en marche » entourant la sélection indiquant.

• Supprimer l’arrière-plan: Cliquez sur Sélectionner dans le menu supérieur, puis choisissez Inverse. Cela sélectionne la zone de l’image que vous souhaitez supprimer autour du sujet.

• Appuyez sur Supprimer sur votre clavier. Le motif en damier gris et blanc du fond transparent est maintenant visible.
• Appuyez sur Commande (Contrôle sur PC) +D pour retirer les fourmis en marche.

Astuce: Vous pouvez constater que la sélection manque certaines zones. Par exemple, il peut penser que les ombres sont les bords du sujet. Pour résoudre ce problème, cliquez sur l’icône
« Soustraire de la sélection » en haut de la fenêtre, puis utilisez l’outil baguette magique pour supprimer davantage de zones indésirables.

Les avantages et les inconvénients des fichiers PNG

Vous lisez au début de cet article ce qu’est un fichier PNG et à quoi il sert. Vous avez également appris certains de ses avantages, notamment la compression sans perte (aucune donnée n’est perdue et la qualité de l’image reste la même) et qu’elle prend en charge les espaces colorimétriques PNG-8 (256 couleurs), PNG-24 (plus de 16 millions de couleurs) et PNG-32 (PNG 24 + 8 pour les arrière-plans transparents).

D’autres avantages incluent la large gamme de transparence allant de l’invisible (0%) à la entièrement visible (100%), vous pouvez ajouter des métadonnées et créer des fichiers PNG avec plusieurs couches. En outre, les fichiers PNG peuvent être compressés 10 à 30% de plus que les fichiers GIF.

Le format PNG présente quelques inconvénients. Contrairement à GIF, qui signifie Graphics Interchange Format, PNG ne prend pas en charge l’animation. De plus, comme indiqué ci-dessus, les tailles de fichiers PNG sont généralement plus grandes que les fichiers Jpeg. Cela pourrait être un problème si vous n’avez pas beaucoup d’espace de stockage.

Heureusement, ces problèmes ne sont généralement pas un problème pour la plupart des gens puisque les fichiers PNG sont principalement conçus pour les sites Web.

Alors c’est tout! Vous devriez être sur la bonne voie pour créer des fichiers PNG dans Photoshop en utilisant les informations que vous avez apprises dans ce tutoriel. Très bientôt, vous pourrez créer un logo que vous pourrez mettre sur vos photos ou créer un site Web attrayant.

Si vous avez trouvé ce tutoriel utile, vous pourriez également être intéressé à consulter ces articles:

• Comment Optimiser vos Images pour le Web (Étape par étape)
• Comment Ajouter un Filigrane avec Photoshop et Lightroom
• Votre Guide rapide des Calques dans Photoshop

Si vous avez trouvé cet article utile, suivez-nous sur Twitter et Facebook pour en savoir plus sur nos tutoriels WordPress gratuits et d’autres ressources.