Pourquoi votre PNG « transparent » continue d'afficher du blanc

Vous détourez un logo, vous l’enregistrez en PNG, et le fond est censé avoir disparu. Puis vous déposez le fichier quelque part et un rectangle blanc apparaît malgré tout derrière. Ou un rectangle noir. Les forums regorgent de réponses incomplètes à ce sujet, chacune décrivant un cas précis, et vous passez d’un fil à l’autre sans savoir lequel vous concerne.

Il n’y a pas un seul bug ici. « Un PNG transparent affiche un fond blanc » recouvre au moins cinq situations différentes, et la solution dépend de celle que vous avez réellement. Cet article les passe toutes en revue pour que vous puissiez rattacher le symptôme à la cause vous-même.

En bref : soit la transparence n’a jamais été enregistrée dans le fichier, soit elle l’a été et l’endroit où vous le visualisez remplit les pixels vides avec sa propre couleur. Vérifiez d’abord le fichier, puis vérifiez la visionneuse.

Ce que « transparent » signifie vraiment dans un PNG

Un PNG peut transporter un canal supplémentaire appelé alpha. Chaque pixel stocke des valeurs de rouge, de vert et de bleu pour sa couleur, et la valeur alpha enregistre le degré d’opacité de ce pixel, du parfaitement plein au parfaitement translucide. Quand l’alpha indique qu’un pixel est transparent, il n’y a aucune couleur à afficher. Ce qui se trouve derrière l’image, une page web, une diapositive, une bulle de discussion, transparaît alors.

Ce dernier point compte plus qu’il n’y paraît. Un pixel transparent n’a rien à afficher, ce qui veut dire qu’un autre élément décide toujours de ce qui comble le vide. Sur un site web, ce pourrait être la couleur de la page. Dans un document, ce pourrait être le papier blanc. Le PNG lui-même ne contient jamais de « blanc ». Il contient « rien ici », et le vide est peint par ce qui se trouve dessous.

Gardez cette distinction en tête : soit le fichier a une transparence qui fonctionne, soit non, et même quand elle fonctionne, le fond que vous voyez est choisi par la visionneuse. Presque tous les cas ci-dessous relèvent de l’un de ces deux problèmes.

Les cinq causes courantes

1. La transparence a été aplatie à l’export

C’est la plus fréquente. Vous avez supprimé le fond dans votre logiciel, mais à l’export vous avez enregistré une copie aplatie qui incluait un calque de fond plein, ou vous avez exporté un format qui a fusionné tous les calques en une seule image opaque. Le damier que vous voyiez pendant l’édition n’était que la façon dont le logiciel représente le vide. Il n’est pas enregistré, sauf si l’export conserve le canal alpha.

L’indice : le fond est d’une couleur uniforme et nette (généralement blanche), avec des bords durs qui épousent exactement votre plan de travail, et il a le même aspect dans toutes les applications où vous l’ouvrez.

La solution : réexportez en vous assurant que la transparence est activée dans la boîte de dialogue d’export, ou que vous n’ajoutez pas de calque de fond. Si le fichier d’origine modifiable a disparu et qu’il ne vous reste que le PNG aplati, vous devez supprimer à nouveau le fond à partir de l’image dont vous disposez.

2. Le fichier est en réalité un JPG portant un nom en .png

Un JPG ne peut absolument pas stocker de transparence. Il n’y a pas de canal alpha dans ce format. Si quelqu’un a renommé photo.jpg en photo.png, ou si une application a exporté un JPG en lui collant l’étiquette .png, le fichier est opaque et le restera. Renommer change l’étiquette, pas les pixels.

L’indice : il n’y a aucun moyen de le rendre transparent, quoi que vous tentiez, et la taille du fichier est étonnamment faible pour le niveau de détail de l’image (le JPG compresse fort). Vous pouvez aussi remarquer de légers artefacts en blocs autour des bords nets, signature typique du JPG.

La solution : réenregistrez-le en véritable PNG, puis supprimez le fond, car les pixels du fond sont actuellement pleins et incrustés.

3. Il a été enregistré en PNG-8 avec une transparence limitée ou nulle

Le PNG existe en plusieurs variantes. Le PNG-8 utilise une petite palette d’au maximum 256 couleurs et, dans beaucoup d’outils, ne prend en charge qu’une transparence tout ou rien, voire aucune. Le PNG-24 (souvent indiqué comme PNG-32 quand l’alpha est inclus) prend en charge une transparence douce et partielle. Si votre logiciel a enregistré en PNG-8 pour réduire le fichier, vous pouvez perdre les bords doux ou la transparence entière.

L’indice : les bords de votre détourage paraissent dentelés ou en escalier, ou un léger halo coloré entoure le sujet là où des pixels doux ont été forcés à l’opacité. Parfois la transparence fonctionne mais paraît grossière.

La solution : réexportez en PNG-24/32 avec alpha complet. Si une couleur de fond de transition a été incrustée dans le halo lors de l’enregistrement en PNG-8, vous devrez peut-être nettoyer les bords ou refaire le détourage.

4. L’alpha existe, mais la visionneuse le compose sur du blanc

Ici, le fichier est correct. La transparence est réelle et exacte. L’endroit où vous le regardez remplit les pixels vides avec sa propre couleur de fond, et cette couleur se trouve être le blanc. Ce n’est pas un problème de votre image ; c’est simplement la façon dont cette destination affiche la transparence.

L’indice : l’image paraît transparente dans une application (votre aperçu de fichier, un onglet de navigateur sur une page colorée) mais affiche un fond plein dans une autre (un document, une diapositive, une messagerie). Même fichier, résultat différent selon l’endroit où vous le visualisez.

La solution : en général, le PNG n’a rien d’anormal, alors laissez-le tel quel. Si vous avez besoin qu’il se fonde dans un fond précis, placez-le délibérément sur ce fond. Si une destination refuse de respecter la transparence, votre seule option est de composer avec sa couleur de fond.

5. Un remplissage ou une couleur de transition a été incrusté par le logiciel

Certains logiciels, lorsque vous aplatissez ou exportez, composent votre image sur une couleur de « transition » (matte) pour adoucir les bords, et cette couleur est inscrite dans les pixels. Les fonctions de suppression de fond peuvent aussi laisser un fin liseré de l’ancien fond, ou remplir la zone effacée de blanc si l’alpha n’a pas été correctement écrit.

L’indice : l’essentiel du fond a disparu, mais un fin contour ou un remplissage partiel subsiste, souvent blanc ou très proche du fond d’origine. On dirait que la suppression a presque fonctionné.

La solution : refaites le détourage avec la couleur de transition désactivée, ou nettoyez les pixels de bord restants.

Cause, indice et solution en un coup d’œil

Cause	Indice	Solution
Aplati à l’export	Fond uniforme, identique dans toutes les applications	Réexporter avec la transparence activée, ou supprimer à nouveau le fond
JPG renommé en .png	Ne devient jamais transparent, fichier minuscule, bords en blocs	Réenregistrer en véritable PNG, puis supprimer le fond
PNG-8, alpha limité	Bords dentelés ou halo coloré	Réexporter en PNG-24/32
La visionneuse compose sur du blanc	Transparent dans une application, plein dans une autre	Souvent rien ; composer avec la destination
Couleur de transition ou remplissage incrusté	Fin liseré ou remplissage partiel restant	Refaire le détourage sans couleur de transition, nettoyer les bords

Là où la transparence a tendance à « disparaître »

Quelques destinations donnent régulièrement l’impression que le PNG est cassé alors qu’il ne l’est pas.

Coller dans Word ou Slides dépose souvent l’image sur du blanc. La transparence est intacte, mais la page derrière elle est blanche, si bien que les pixels vides apparaissent blancs. La même image sur une diapositive colorée laisserait transparaître la couleur de la diapositive.

Certaines applications de messagerie affichent les images sur une couleur de bulle fixe et composent les PNG transparents par-dessus. Les applications au thème sombre composent sur du noir, ce qui explique qu’une plainte de « fond blanc » se transforme parfois en plainte de « fond noir ». Même cause, fond plus sombre.

L’impression aplatit tout sur le papier. Le papier est blanc, donc les zones transparentes s’impriment en blanc par définition. Il n’y a rien à corriger dans le fichier ; l’impression n’a tout simplement aucune notion de « translucide ».

Dans ces trois cas, le fichier fait exactement ce qu’un PNG transparent doit faire. Le fond qui vous déplaît appartient à la destination, pas à l’image.

Comment le corriger pour de bon

Si votre problème relève des causes 1 à 3 ou de la cause 5, le fichier manque réellement de transparence fonctionnelle et vous devez le reconstruire. Deux options gratuites, dans le navigateur, sur image.hivly.net couvrent les cas courants : convertir une image en véritable PNG doté d’un vrai canal alpha, ou supprimer un fond plein pour que le sujet repose sur une transparence réelle. Tout se passe en local dans votre navigateur, le fichier ne quitte donc jamais votre machine et vous n’avez pas besoin de compte.

Si votre problème relève de la cause 4, la composition par la visionneuse, votre PNG est déjà correct. Ouvrez-le sur un fond coloré ou en damier pour confirmer que la transparence est bien là, puis placez-le délibérément là où vous en avez besoin plutôt que de lutter contre la couleur de fond de la destination.

Le tri rapide : ouvrez le même fichier dans deux applications différentes. Si le fond change de l’une à l’autre, vous avez un problème de visionneuse et le fichier est sain. Si le fond suit le fichier partout, la transparence n’a jamais été enregistrée et vous devez le refaire.