# PNG à fond transparent : quand l’utiliser et comment

[Canonical HTML page](https://gradiently.design/fr/guide/transparent-background)

Un PNG transparent, c’est le fichier qu’on sort quand un logo ou un titre doit se poser sur quelque chose que vous n’avez pas conçu. C’est aussi celui qu’on utilise quand il ne faudrait pas.

## The short version

- Un PNG à fond transparent contient un canal alpha : chaque pixel peut être totalement transparent, totalement opaque, ou entre les deux.
- Les PNG transparents conviennent aux logos, titres, stickers et superpositions qui seront posés sur des fonds que vous ne maîtrisez pas, comme des vidéos, des diapositives ou des sites web.
- Le JPG ne sait pas stocker la transparence, donc un logo en JPG traîne toujours un rectangle plein derrière lui.
- La plupart des publications sur les réseaux sociaux doivent être exportées avec leur fond complet, pas en fichiers transparents.
- Vérifiez un export transparent sur un fond clair et sur un fond sombre, car les liserés pâles et les ombres légères ne se voient que sur l’un des deux.

Un **PNG à fond transparent** est une image dont le fond a été laissé vide : il ne reste que le logo, le texte ou l’objet, et ce qui se trouve dessous apparaît au travers. Vous en avez besoin chaque fois que votre création sera posée sur quelque chose que vous n’avez pas fait : un logo sur le site d’un client, un titre sur une vidéo, un sticker sur une photo, un symbole sur une diapositive. Le PNG en est capable parce qu’il stocke un canal alpha, une quatrième valeur par pixel qui indique son degré de transparence. Le JPG n’a pas de canal alpha, c’est pourquoi un logo en JPG arrive toujours dans un rectangle blanc ou coloré.

## Comment fonctionne la transparence d’un PNG

Dans une image classique, chaque pixel a trois valeurs : rouge, vert et bleu. Un PNG transparent en ajoute une quatrième, l’alpha, de totalement transparent à totalement opaque. Les valeurs intermédiaires comptent autant que les extrêmes. Le bord adouci d’une lettre, une ombre légère ou un effet de verre sont faits de pixels partiellement transparents, qui permettent à la création de se fondre dans ce qui se trouve derrière.

| Format | Transparence | Idéal pour |
| --- | --- | --- |
| PNG | Alpha complet, bords doux | Logos, titres, stickers, superpositions |
| JPG | Aucune | Photos et créations complètes avec fond |
| SVG | Oui, vectorielle | Logos et icônes sur le web, à n’importe quelle taille |
| WebP | Alpha complet | Images web où le poids du fichier compte |
| GIF | Tout ou rien, bords durs | Animations simples |
| MP4 | Aucune dans l’usage courant | Vidéo avec son propre fond |

Quels formats peuvent porter un fond vide. La transparence du GIF est tout ou rien, donc les bords doux paraissent crénelés ; le PNG et le WebP les gardent lisses.

Pour une comparaison plus poussée des deux formats les plus courants, voyez [PNG ou JPG](https://gradiently.design/fr/guide/png-vs-jpeg), et pour les logos sur le web, [SVG ou PNG](https://gradiently.design/fr/guide/svg-vs-png) explique quand le vectoriel est le meilleur choix.

## Quand il vous faut un PNG transparent

- **Des logos utilisés par d’autres.** Partenaires, presse, organisateurs d’événements et sponsors posent votre logo sur leurs propres fonds. Envoyez un PNG transparent, idéalement en [déclinaisons de logo](https://gradiently.design/fr/guide/logo-variations) claire et sombre, plus un SVG.
- **Titres et bandeaux de nom en vidéo.** Les monteurs superposent un PNG transparent aux images, et les mots flottent sur la vidéo.
- **Stickers et superpositions.** Badges comme « Nouveau » ou « Vendu », cadres et étiquettes de prix posés sur des photos ou des stories.
- **Diapositives et documents.** Un logo ou un schéma qui doit tenir sur une diapositive colorée sans rectangle blanc.
- **Sites web.** Icônes, logos et illustrations placés sur des sections colorées ou des fonds d’en-tête.
- **Merchandising et impression à la demande.** Beaucoup de services d’impression demandent un PNG transparent pour n’imprimer que le visuel sur le t-shirt ou le mug.

Une bannière large avec le logotype Northfield sur un fond en dégradé

La création complète : logotype et fond ensemble, idéale pour une bannière ou une publication.

Le même logotype Northfield posé sur un fond d’une autre couleur, comme le permettrait un PNG transparent

Exporté en transparent, le même logotype peut se poser sur le fond d’un partenaire. Ici, il arrive sur un autre champ de couleur.

## Quand le fond transparent est le mauvais choix

La transparence sert aux éléments, pas aux pièces finies. Une publication, une story, une affiche ou un en-tête d’e-mail doivent être exportés avec leur fond, car ce fond fait la moitié de la création. La plupart des réseaux sociaux ne conservent pas la transparence des publications que vous mettez en ligne, et une zone vide peut être remplie d’une couleur que vous n’avez pas choisie. Certaines places de marché exigent aussi des photos produit sur fond blanc uni plutôt que transparent : vérifiez les règles de chaque plateforme.

### Exporter en transparent

- Un logo pour partenaires et presse
- Un titre à superposer à une vidéo
- Un sticker ou un badge pour des photos
- Une icône pour une section web colorée
- Un visuel pour l’impression à la demande

### Exporter avec le fond

- Publications Instagram, LinkedIn et Facebook
- Stories, couvertures de Reels et miniatures
- Affiches, flyers et menus
- En-têtes d’e-mail
- Tout ce qui doit apparaître exactement comme conçu

## Comment faire un PNG transparent

Il y a deux chemins. Si vous concevez l’élément vous-même, comme un titre, un logo ou un badge, construisez-le sans fond et exportez avec la transparence activée. Si vous partez d’une photo, il faut d’abord détourer le fond, à la main ou avec un outil de suppression, ce qui est un travail différent et plus difficile. Les étapes ci-dessous couvrent le premier chemin.

1. **Concevez à la taille nécessaire** Les fichiers transparents sont souvent agrandis plus tard, alors exportez plus grand que prévu : un logotype de 2 000 px de large ou plus est un bon départ.
2. **Laissez le fond vide** Masquez ou supprimez tout calque de fond. La plupart des outils représentent le vide par un damier gris et blanc.
3. **Choisissez PNG avec transparence** Dans la fenêtre d’export, choisissez PNG et vérifiez que la transparence ou le fond transparent est cochée. Le JPG le remplira de blanc sans prévenir.
4. **Rognez les bords** Recadrez au plus près du visuel en gardant un peu d’air, pour que ceux qui le placent ne luttent pas contre des marges invisibles.
5. **Testez sur clair et sur sombre** Déposez le fichier sur une page blanche et sur une page noire. Cherchez les halos pâles, les ombres disparues et le texte qui s’efface sur l’une des deux.

- Test sur blanc: #ffffff
- Test sur gris moyen: #808080
- Test sur quasi noir: #111111
- Test sur couleur de marque: #2563eb

Quatre fonds sur lesquels vérifier chaque export transparent. Un liseré pâle se voit sur le noir ; une ombre sombre y disparaît ; un visuel blanc s’efface sur le blanc.

> **Le problème du halo blanc** Si un visuel a d’abord été dessiné sur du blanc, ses bords doux peuvent garder un fin liseré pâle visible sur les fonds sombres. Exportez depuis les calques d’origine sans fond, plutôt que d’effacer le blanc d’une image aplatie.

## Exporter un PNG transparent dans Gradiently

Dans Gradiently, une création repose normalement sur son Mark, le fond vivant derrière tout le reste. Avec Pro, vous pouvez exporter à la place un PNG transparent : uniquement vos éléments, comme le texte, les formes, les icônes et les photos, sur un fond vide, sans le Mark. C’est le fichier à envoyer à un partenaire, à déposer dans un logiciel de montage ou à placer sur un site. Pro exporte aussi en SVG pour les mêmes usages, et les deux viennent de la même création que vous publiez avec son fond complet. Comme pour tout export Gradiently, le Mark de la création doit être à vous. [Exporter images et boucles](https://gradiently.design/fr/guide/export-images-and-loops) passe en revue chaque format, et pour les logos sur de la couleur, voyez [logo sur fond en dégradé](https://gradiently.design/fr/guide/logo-on-gradient-background).

## FAQ

### Un JPG peut-il avoir un fond transparent ?

Non. Le JPG n’a pas de canal alpha, donc toute zone vide est remplie d’une couleur unie, généralement blanche. Utilisez plutôt le PNG, le WebP ou le SVG.

### Pourquoi mon PNG transparent a-t-il un fond blanc ?

Soit la transparence n’était pas activée à l’export, soit l’application qui l’ouvre affiche les zones vides en blanc. Posez-le sur un fond sombre pour vérifier.

### Faut-il publier des PNG transparents sur Instagram ?

Non. Exportez publications et stories avec leur fond complet, car la plateforme ne conserve pas la transparence et peut remplir les zones vides de sa propre couleur.

### Pour un logo, vaut-il mieux un PNG transparent ou un SVG ?

Le SVG pour le web et tout ce qui change d’échelle, car il reste net à toutes les tailles. Le PNG transparent pour les applications, les logiciels de montage et ceux qui ne peuvent pas ouvrir de SVG.

### Quelle taille pour un logo en PNG transparent ?

Plus grand que ce dont vous pensez avoir besoin, au moins 2 000 pixels de large pour un logotype, afin que d’autres puissent le réduire sans qu’il devienne flou.