Travailler avec des arrière-plans transparents
Exportez et utilisez correctement des images à arrière-plan transparent sur différents formats de fichier et plateformes.
Learning Objectives
- 1Exporter un détourage en fichier PNG ou WebP avec un canal alpha intact
- 2Comprendre quels formats de fichier prennent en charge la transparence et lesquels non
- 3Résoudre les problèmes courants de transparence comme les halos blancs et les canaux alpha aplatis
Quand utiliser des arrière-plans transparents
Après avoir supprimé l'arrière-plan, vous devez souvent exporter le sujet avec la transparence préservée afin de pouvoir l'intégrer à d'autres designs ou le placer sur n'importe quelle surface colorée. Le PNG est le format le plus largement pris en charge pour la transparence, stockant un canal alpha complet aux côtés des données de couleur RGB. Le WebP prend également en charge la transparence alpha avec des fichiers plus légers, ce qui le rend idéal pour le web. Le JPEG ne prend pas du tout en charge la transparence et remplit les zones transparentes par une couleur unie, généralement le blanc ; évitez donc le JPEG lorsque vous avez besoin d'un export transparent.
Exporter avec des canaux alpha
Lors de l'export depuis Magic Eraser, choisissez le format PNG ou WebP et vérifiez que l'option de transparence est activée. Prévisualisez l'export en basculant le plan de travail sur un motif en damier, qui représente les zones transparentes. Vérifiez que le damier apparaît partout où l'arrière-plan a été supprimé et qu'aucun reste opaque ne subsiste. Si vous voyez un fin contour blanc ou coloré autour de votre sujet, revenez à l'étape d'affinage des bords et appliquez la décontamination avant de réexporter.
Placer des sujets sur de nouveaux arrière-plans
Une frustration courante est d'ouvrir un PNG transparent dans un logiciel qui ne respecte pas le canal alpha, ce qui fait apparaître l'arrière-plan en blanc ou en noir. Il s'agit d'un problème d'affichage, et non d'un problème de fichier. Vérifiez la transparence en faisant glisser le fichier dans un outil de design comme Figma ou Canva et en le plaçant sur un rectangle coloré. Si l'arrière-plan transparaît, votre fichier est correct. Pour les développeurs web, assurez-vous que le CSS derrière l'image n'applique pas une couleur d'arrière-plan qui masque l'effet de transparence souhaité.
Key Takeaways
- ✓Le PNG et le WebP prennent en charge la transparence alpha ; le JPEG non
- ✓Utilisez l'aperçu en damier pour confirmer les zones transparentes avant l'export
- ✓Les arrière-plans blancs sur des PNG transparents sont généralement un problème de visionneuse, et non un défaut du fichier