Enregistrer PNG transparents sans bords blancs

Ce que stocke réellement un canal alpha

Un pixel PNG contient quatre nombres : rouge, vert, bleu et alpha. L’alpha définit l’opacité, de 0 (invisible) à 255 (entièrement opaque). Le détail essentiel est qu’un pixel conserve ses valeurs RGB même lorsque l’alpha est faible. Un pixel peut être blanc pur et transparent à 90 pour cent. Presque invisible, il révèle son blanc dès qu'il est composé sur un fond sombre.

Tous les bords blancs viennent de pixels semitransparents au mauvais RGB.

Cause 1 : bords lissés mélangés à du blanc

Les images numériques ont des pixels carrés ; les objets réels ont des contours courbes. L’anticrénelage comble cet écart en mélangeant, sur les contours, la couleur de l’objet et celle de l’arrière-plan. Un pixel couvert à 40 pour cent par un logo rouge sur une page blanche est enregistré en rose pâle : 40 pour cent de rouge mélangés à 60 pour cent de blanc.

Supprimez maintenant le fond. Un outil classique efface les pixels proches de la couleur du fond et conserve les autres. Votre pixel rose pâle n’est pas assez proche du blanc pur pour être supprimé : il reste entièrement opaque, toujours rose pâle. Répétez cela sur tous les pixels du contour et vous obtenez une bordure claire d’un pixel autour de toute la forme.

Les meilleurs outils font mieux qu’un simple choix conserver/supprimer : ils règlent ce pixel à 40 pour cent d’alpha et tentent de retrouver le rouge sous-jacent. Mais retrouver la couleur réelle depuis un mélange reste une estimation. La quantité de blanc retirée détermine la propreté du contour.

Cause 2 : format ayant supprimé le canal alpha

Le JPEG n’a aucun canal alpha. Aucun. C’est un format à trois canaux conçu pour les photographies, sans emplacement pour stocker la transparence. Lorsque vous enregistrez une image transparente en JPG, l’encodeur l’aplatit sur un fond, presque toujours blanc, et la transparence disparaît définitivement.

C’est là que survient le désastre classique. Vous exportez un PNG propre, puis quelque chose le convertit en JPG : CMS redimensionnant les téléversements, messagerie compressant les pièces jointes, outil de design exportant un aperçu, client e-mail. Le fond transparent devient un rectangle blanc. Supprimer ensuite ce blanc oblige à détourer des bords compressés JPEG, bien moins propres que l’original.

Remarquez la ligne GIF. La transparence sur un bit signifie que chaque pixel est entièrement visible ou entièrement invisible, sans couverture partielle : l’anticrénelage est donc impossible et tous les contours sont dentelés. Convertir un PNG aux contours lisses en GIF remplace un halo doux par un escalier.

Cause 3 : franges dues au fond

Certains éditeurs enregistrent les images transparentes avec une couleur de « matte » : les valeurs RGB des pixels entièrement transparents prennent une couleur choisie, généralement le blanc, en supposant qu’elle importe peu puisque l’alpha est nul. C’est généralement vrai. Mais certains moteurs de rendu, et la plupart des redimensionnements, moyennent les pixels voisins y compris leurs valeurs RGB, pondérées ou non par l’alpha. Un redimensionnement naïf récupère ce blanc des pixels invisibles et l’étale sur le contour visible.

C’est pourquoi une image parfaite à taille réelle peut acquérir un halo après réduction en vignette. La bonne méthode est l’alpha prémultiplié : les RGB sont déjà multipliés par l’alpha, donc la moyenne est correcte. La plupart des navigateurs et moteurs modernes le gèrent ; les anciennes chaînes et certains codes personnalisés, non.

Corrections par ordre de préférence

1. Ne jamais créer le problème

Si vous contrôlez la source, c’est de loin la meilleure option. Exportez l’illustration depuis l’outil où elle a été créée avec un fond transparent dès le départ, plutôt que de l’aplatir sur du blanc puis de supprimer ce blanc ensuite. Les outils vectoriels, moteurs de rendu 3D et applications de conception permettent tous l’export alpha. Chaque étape de suppression constitue une occasion d’erreur.

Si vous générez des images avec un modèle d’IA, demandez explicitement un fond transparent ou une couleur de fond absente du sujet. Le magenta vif est le choix traditionnel : aucun élément naturel n’a cette couleur, ce qui rend la séparation sans ambiguïté.

2. Supprimer le fond avec une couleur contrastante

Le halo blanc existe parce que le fond était blanc. Si le sujet repose plutôt sur du magenta ou du vert néon, les pixels de contour restants sont magenta ou verts. Le résultat est sans doute encore moins beau, mais un outil peut bien plus facilement les détecter et les corriger, précisément parce que ces couleurs sont très éloignées de tout ce qui se trouve dans le sujet.

Notre Suppression d'arrière-plan échantillonne les pixels des coins pour identifier la couleur du fond, supprime les pixels correspondants, puis exporte un PNG transparent. Il gère bien les fonds plats et unis : produits sur blanc, logos sur une couleur, graphismes exportés par un outil. Il n’est pas conçu pour les photos à fond chargé ou dégradé, où une approche de segmentation du sujet convient mieux.

3. Réduire l'alpha d'un pixel

Si un halo est déjà intégré, la correction fiable la plus directe consiste à réduire légèrement la zone visible afin d’exclure l’anneau contaminé. Dans un éditeur, chargez le canal alpha comme sélection, contractez-le d’un pixel, inversez la sélection et supprimez. Dans Photoshop, Calque → Cache → Supprimer la frange effectue approximativement cette opération automatiquement ; GIMP propose Calque → Transparence → Seuil alpha et les options Script-Fu de suppression de l’anticrénelage.

Le compromis est réel : vous supprimez un pixel de vrai détail de contour. Sur un logo de 2000 pixels, personne ne le voit. Sur une icône de 32 pixels, un pixel représente trois pour cent de largeur et amincit visiblement la forme. Adaptez la correction à l’image.

4. Recolorer le bord plutôt que le supprimer

Cette méthode convient mieux aux petites images. Au lieu de supprimer l’anneau semi-transparent, remplacez son RGB par la couleur qu’il aurait dû avoir, celle des pixels intérieurs voisins, en conservant l’alpha. Le contour garde sa douceur et sa forme ; seule la contamination disparaît. Supprimer la frange dans Photoshop, avec un petit rayon, s’en approche. L’opération est aussi simple à implémenter directement sur les données d’image d’un canevas.

5. Composer sur la couleur de destination

Parfois, la réponse honnête est que la transparence n’est pas nécessaire. Si le logo n’apparaîtra que sur un seul fond connu, aplatissez-le sur cette couleur exacte et fournissez une image ordinaire. Sans alpha, pas de halo ni de risque lié au format. Ce n’est pas vraiment une solution de contournement : la transparence ne vaut ses complications que si le fond varie réellement.

Vérifier votre travail

Avant de terminer un détourage, suivez cette liste : une minute révèle presque tout.

1. Examinez-la sur fond noir et sur fond blanc. Le halo apparaîtra sur l'un des deux fonds ; les damiers gris masquent les franges claires et sombres.
2. Examinez l’image à 100 pour cent et en taille réduite. Un halo visible seulement à l'échelle indique contamination de fond lors du redimensionnement, pas dans le fichier.
3. Confirmez le vrai format PNG ou WebP. Vérifiez extension et octets réels, pas seulement le CMS. Un fichier nommé logo.png qui est passée par un traitement JPEG est un échec courant et déroutant.
4. Testez dans la destination réelle. Navigateurs, moteurs et impression composent différemment : testez là où l'image sera utilisée.
5. Cherchez un calque parasite couvrant tout le canevas. Un fond à 1 pour cent d'opacité peut disparaître dans l'éditeur et laisser un voile à l'export.

Questions fréquentes