Images PNG transparentes, expliquées de manière claire et précise
Tout le monde demande « une image PNG avec un arrière-plan transparent », mais peu de gens savent réellement ce que c’est, pourquoi un JPG ne peut pas le faire ou pourquoi les cheveux sont toujours la partie qui pose problème. Voici toute l’histoire expliquée simplement.
Pleine résolution. Pas de filigrane. Vraiment gratuit. La plupart des outils de suppression d’arrière-plan vous proposent un aperçu en 625×400 et vous font payer pour le fichier réel. Ce n’est pas le cas ici.
Votre photo est supprimée du serveur dès que la retouche est effectuée. Vous avez besoin des outils d'effacement et de restauration, ou d'un arrière-plan coloré derrière le sujet ? Ouvrez l'éditeur complet.
Le canal alpha : un quatrième nombre par pixel
Une photo numérique est une grille de pixels, et chaque pixel contient normalement trois valeurs : la quantité de rouge, vert et bleu clair. En les mélangeant, on obtient n'importe quelle couleur à l'écran. Une image transparente ajoute une quatrième valeur (la couche alpha)qui indique le degré de transparence du pixel, généralement de 0 (totalement invisible) à 255 (totalement opaque).
Ce simple nombre supplémentaire est la clé. Lorsqu'un navigateur, une application de conception ou un diaporama affiche l'image, il mélange chaque pixel avec ce qui se trouve derrière, en proportion de sa valeur alpha. Un pixel dont la valeur alpha est de 0 disparaît complètement ; un pixel dont la valeur alpha est de 128 affiche la moitié de lui-même et la moitié du fond qui se trouve derrière. Le célèbre damier gris et blanc que vous voyez dans les éditeurs ne fait pas partie de l'image : il s'agit simplement de la façon dont le logiciel visualise « rien ici ».
Cette plage intermédiaire est plus importante qu'on ne le pense. Les objets réels ne se terminent pas par une ligne nette : les cheveux, la fourrure, le verre, la fumée et les ombres douces s'estompent progressivement. Ce sont les valeurs alpha partielles qui permettent à un élément découpé de ressembler à une photographie plutôt qu'à un autocollant découpé aux ciseaux.
PNG vs JPG vs WebP
Tous les formats d'image ne peuvent pas stocker cette quatrième valeur, et c'est là que la plupart des confusions commencent.
| Format | Transparence | Compression | Idéal pour |
|---|---|---|---|
| PNG | Oui, transparence complète sur 8 bits | Sans perte (fichiers plus volumineux) | Images découpées, logos, graphiques, tout élément superposé |
| JPG | Non, pas du tout | Avec perte (fichiers plus petits) | Photos finies avec un arrière-plan |
| WebP | Oui, transparence complète | Avec ou sans perte, plus petit que le PNG | Images web où la taille du fichier est importante |
Le format JPG ne possède tout simplement pas de canal alpha. Ce format a été conçu au début des années 90 pour compresser les photographies, et les photographies remplissent tout le cadre. Si vous enregistrez une image découpée au format JPG, la transparence est discrètement aplatie sur un arrière-plan uni (généralement blanc), et elle disparaît définitivement. C'est pourquoi un « fichier JPG transparent » que quelqu’un vous envoie arrive toujours avec une boîte blanche autour du logo.
Le PNG est le format par défaut sûr. Il conserve les informations alpha sans perte de qualité, tous les outils existants le prennent en charge et il est accepté par les plateformes de vente, les imprimeries et les applications de conception. Le prix à payer est la taille du fichier : une photo détaillée découpée au format PNG peut être plusieurs fois plus volumineuse que la même image au format JPG.
WebP représente le compromis idéal pour l’époque actuelle. Il prend en charge la transparence totale et, généralement, il compresse les fichiers de 25 à 35 % moins qu’un fichier PNG, ce qui explique pourquoi les sites web l’apprécient. Son seul point faible est sa compatibilité en dehors du navigateur : certains anciens outils de conception, services d’impression et formulaires de téléchargement le rejettent encore. En règle générale : utilisez WebP sur votre propre site web et envoyez des fichiers PNG à tous les autres.
Voici pourquoi les contours, en particulier les cheveux, sont difficiles à gérer
Découper une tasse à café est facile : le contour est une courbe nette et chaque pixel est clairement identifiable comme faisant partie de la tasse ou du fond. Les cheveux, c’est une autre histoire. Une seule mèche est souvent plus fine qu’un seul pixelPar conséquent, le pixel traversé est un mélange : peut-être 30 % de cheveux et 70 % de fond. Il n’y a pas de réponse correcte concernant la conservation ou la suppression de ce pixel ; la seule réponse honnête est une valeur partielle Une information alpha partielle.
Une bonne suppression du fond doit donc résoudre deux problèmes à la fois. Tout d’abord, il faut estimer l’opacité correcte pour chaque pixel situé sur le bord : c’est ce qui transforme un contour irrégulier en une chevelure douce et réaliste. Deuxièmement, il faut supprimer la couleur de l’ancien fond de ces pixels mélangés. Un pixel qui était composé à 30 % de cheveux blonds et à 70 % de ciel bleu contient encore du bleu ; si le bleu n’est pas supprimé, le découpage conservera un halo fantomatique de l’ancien fond sur le nouveau. Cette auréole est le signe révélateur d’un mauvais découpage.
C'est précisément là que les modèles de segmentation se révèlent utiles : ils ont analysé des millions d’exemples de cheveux, de fourrure et de contours flous, et appris à prédire des valeurs alpha pertinentes au lieu d’utiliser un masque binaire pour supprimer ou conserver les éléments. C'est également la raison pour laquelle les résultats sont optimaux lorsque les cheveux contrastent avec l'arrière-plan : vous trouverez plus d'informations dans notre guide sur la façon de prendre des photos qui permettent une découpe parfaite.
Les PNG sont utilisés là où la transparence est réellement nécessaire
- Photos de produits: découpez le produit une seule fois, puis placez-le sur un fond blanc uni pour les plateformes de vente en ligne ou sur les couleurs de votre marque pour les publicités. Consultez notre guide sur l'utilisation d'un arrière-plan blanc pour les vendeurs.
- Logos: un logo avec une boîte blanche intégrée a un aspect déformé sur n’importe quelle page colorée ; un PNG transparent s’intègre parfaitement à n’importe quel fond.
- Photos de profil et avatars: découpez-vous, puis ajoutez une couleur ou un dégradé uni en arrière-plan pour LinkedIn, Slack ou Discord.
- Miniatures et affiches YouTube: le classique « une personne qui apparaît devant un grand texte » est obtenu en superposant une image transparente sur un design.
- Autocollants et mèmes: les applications de messagerie utilisent des PNG transparents, ce qui permet à l’autocollant d’adopter uniquement la forme de son sujet.
- Présentations et collages: Les images se fondent dans les diapositives au lieu d’être affichées dans des rectangles blancs.
Besoin d’un fichier PNG transparent immédiatement ?
Téléchargez n’importe quelle photo sur BGNinja et obtenez l’image détourée en quelques secondes : c’est gratuit, pas besoin de créer un compte, rien n’est conservé.
Créer une image PNG transparente →Réponses rapides
Qu’est-ce qu’une image PNG transparente ?
C’est un fichier PNG dont les pixels contiennent une valeur alpha (opacité) en plus de la couleur. Partout où l’alpha est égal à zéro, le fond derrière l’image devient visible.
Un fichier JPG peut-il être transparent ?
Non, le format JPEG ne prend pas en charge les canaux alpha. Enregistrer une image détourée au format JPG aplatit définitivement l’image sur un fond uni. Utilisez plutôt le format PNG ou WebP.
PNG ou WebP : lequel dois-je choisir ?
Le format WebP est plus petit et idéal pour votre propre site web ; le format PNG est universellement accepté. Lorsqu’une plateforme demande une image transparente sans spécifier de format, le format PNG est toujours le choix sûr.
Pourquoi mon image détourée a-t-elle un halo blanc ou coloré ?
Les pixels du bord contiennent encore la couleur de l’ancien fond. Une bonne opération de détourage élimine cette teinte ; si une partie subsiste, l’outil d’effacement de BGNinja vous permet de la supprimer.
Par Sam Ridder — Je crée et gère BGNinja sur mon propre matériel, tout seul. Qui je suis.