Transparence d'image
Ce qu'est la transparence d'image, quels formats prennent en charge les canaux alpha et comment la transparence fonctionne dans les captures d'écran et les exports.
La transparence d'image permet à certains pixels d'être entièrement ou partiellement transparents, si bien que l'arrière-plan situé derrière l'image apparaît. Elle est stockée dans un canal alpha, une valeur supplémentaire par pixel, en plus du rouge, du vert et du bleu. Dans les images sur 8 bits, un alpha de 0 signifie totalement transparent et un alpha de 255 totalement opaque.
Les valeurs alpha partielles permettent des bords doux, des ombres et des effets de verre. Les images stockent l'alpha de deux façons : en non prémultiplié, avec la couleur et l'opacité séparées, ou en prémultiplié, avec la couleur déjà multipliée par l'opacité. Confondre les deux produit des franges sombres ou claires sur les bords.
Certains formats n'ont qu'une transparence binaire : un pixel est soit entièrement visible, soit entièrement transparent.
Convertir les formats d'image
Convertir vers un format sans alpha supprime la transparence. Image Converter convertit entre PNG, JPG et WebP : choisissez le PNG ou le WebP pour la conserver.
Fonctionnement de la transparence
Quand une image dotée d'un canal alpha est dessinée, chaque pixel est mélangé à ce qui se trouve derrière lui, proportionnellement à son opacité. Un logo avec une ombre douce sur un PNG transparent se mélange correctement sur du blanc, du gris ou une photo. Quand la même image est aplatie, la couleur de l'arrière-plan est figée dans les pixels.
Formats qui prennent en charge la transparence
| Format | Transparence |
|---|---|
| PNG | Alpha complet, 8 ou 16 bits |
| WebP | Alpha complet, avec ou sans perte |
| AVIF et HEIC | Alpha complet |
| TIFF | Alpha complet |
| GIF | Binaire, une couleur de palette transparente |
| JPG | Aucune |
| SVG | Opacité par forme |
Transparence et captures d'écran
La plupart des captures d'écran sont entièrement opaques, car elles enregistrent un rectangle de l'écran. Sur macOS, une capture de fenêtre réalisée avec Shift+Command+4, puis la barre d'espace, peut inclure l'ombre de la fenêtre avec des bords transparents, enregistrée en PNG. Exporter une telle image en JPG remplit la zone transparente avec une couleur unie.
Erreurs courantes
- Enregistrer un logo transparent en JPG.
- Utiliser le GIF pour des ombres douces, ce qui donne des bords dentelés.
- Placer une icône sombre et transparente sur un fond sombre, où elle disparaît.
- Prévisualiser uniquement sur fond blanc.
Une image à corriger tout de suite ?
Placez une image transparente sur un fond de votre choix avec Social Image Composer.
Questions fréquentes
Le WebP prend-il en charge la transparence ?
Oui, dans les modes avec perte et sans perte.
Pourquoi mon image transparente a-t-elle un fond noir ?
L'application qui l'a ouverte ou convertie ne prend pas en charge l'alpha, ou elle l'a aplatie sur fond noir.
Sources
Ressources associées
- Suppression de l'arrière-plan d'une image : rendre un arrière-plan transparent.
- Formats d'export : exports PNG et WebP.
Vous prenez toujours les mêmes captures d'écran ?
Temposhot capture un écran, une fenêtre ou une zone à intervalles programmés et exporte l'ensemble en PDF, en images, en ZIP ou en MP4. Les outils gratuits du navigateur ne permettent de traiter qu'une image à la fois.
Ressources associées
Termes associés
- PNGFonctionnement du format PNG, quand l'utiliser pour les captures d'écran et sa comparaison avec le JPG et le WebP.
- Suppression de l'arrière-planComment fonctionne la suppression de l'arrière-plan d'une image, où elle est utilisée et la différence entre suppression par IA et suppression manuelle.
- WebPCe qu'est le WebP, sa comparaison avec le PNG et le JPG, et quand l'utiliser pour les captures d'écran.
- GIFCe qu'est le GIF, comment il se compare aux formats vidéo et quand un GIF animé est le bon choix pour un contenu en mouvement.
- Format d'imageVue d'ensemble des formats d'image courants (PNG, JPG, WebP, AVIF) et de leurs usages respectifs.