Règle essentielle
- Utilisez PNG, WebP ou AVIF pour conserver une transparence raster.
- Utilisez SVG pour un dessin vectoriel lorsque la destination l’accepte.
- JPG ne possède pas de canal alpha: choisissez explicitement une couleur de fond.
- Inspectez les bords sur fond clair et sombre avant publication.
Comprendre le canal alpha
Dans un PNG avec alpha, chaque pixel associe sa couleur à un degré d’opacité. Une valeur nulle est transparente, une valeur maximale est opaque et les valeurs intermédiaires créent des bords lissés.
Le damier affiché par un éditeur sert uniquement à visualiser l’absence de fond. Il ne fait pas partie de l’image, sauf s’il a été incorporé par erreur dans les pixels.
Sources : [1]
Formats qui conservent la transparence
PNG est le choix raster le plus prévisible pour les logos, icônes et détourages. WebP et AVIF peuvent aussi transporter un canal alpha, avec des options de compression modernes.
SVG ne stocke pas une grille de pixels classique: ses formes peuvent rester transparentes et nettes à toute taille. Une conversion SVG vers PNG rasterise toutefois le dessin aux dimensions choisies.
| Format | Transparence | Usage courant |
|---|---|---|
| JPG | Non | Photos aplaties |
| PNG | Oui | Logos, captures, détourages |
| WebP | Oui | Images web raster |
| AVIF | Oui | Images web modernes |
| SVG | Oui | Logos et illustrations vectorielles |
Sources : [2]
Éviter le fond noir ou blanc involontaire
Quand une sortie JPG est demandée, les pixels transparents doivent être composés sur une couleur. Choisissez ce fond dans les réglages au lieu de laisser l’application destinataire décider.
Pour un logo destiné à plusieurs thèmes, conservez une version transparente. Pour un document ou une marketplace qui exige JPG, produisez une copie aplatie sur le fond exact prévu.
- Conserver la transparence pour PNG, WebP et AVIF
- Choisir un fond explicite pour JPG
- Ne pas utiliser le damier comme image de fond
- Tester les contours sur plusieurs couleurs
Pourquoi des halos apparaissent autour des contours
Les pixels semi-transparents des bords mélangent parfois une couleur héritée d’un ancien fond. Lorsqu’ils sont placés sur une nouvelle couleur, un liseré clair ou sombre apparaît.
Repartez si possible du fichier transparent original. Évitez de détourer depuis un JPG déjà aplati et inspectez les cheveux, ombres douces et contours anti-crénelés.
Réglages recommandés dans le convertisseur
Laissez Conserver la transparence activé pour une sortie PNG, WebP ou AVIF. Pour JPG, désactivez-la et choisissez la couleur qui correspond à la destination.
Définissez les dimensions avant l’export SVG vers PNG, car une image raster ne pourra pas retrouver ensuite la netteté vectorielle perdue lors d’un agrandissement.
Conserver un fond transparent
Choisissez PNG, WebP ou AVIF et laissez la conservation de la transparence activée.
Convertir avec transparenceQuestions sur la transparence
Conversions liées
Sources et références
- [1]Portable Network Graphics (PNG) Specification, Third Edition - W3C
- [2]Image file type and format guide - MDN Web Docs