Rendre un logo transparent

En bref

Comment faire

1. Partez de la plus grande version possibleLe logo d'une signature d'e-mail fait souvent moins de 200 px de large. Cherchez l'original dans un dossier de marque, un kit presse, un PDF ou les fichiers image du site. Un détourage ne peut pas ajouter de détails absents : une source de 2000 px donne des bords nets, une source de 150 px des bords flous et crénelés.
2. Supprimez l'arrière-plan et vérifiez les creuxSupprimez l'arrière-plan, puis zoomez sur les lettres aux formes fermées comme O, A, B, e et g, et sur les espaces entre le symbole et le nom. Ces zones intérieures doivent aussi être transparentes, sinon la couleur de la diapositive ou de l'en-tête ne passera pas au travers. Passez l'aperçu sur un fond sombre pour repérer le blanc restant.
3. Exportez selon l'usageTéléchargez un PNG transparent pour les diapositives, les documents et les maquettes de produits dérivés, ou un WebP pour un site web, où il est plus léger. Créez des versions carrées pour les favicons et les profils sociaux, avec une marge autour du logo pour qu'un recadrage en cercle ne le coupe pas.

Conseils et erreurs fréquentes

• Halo blanc sur fond sombreLes pixels de bord d'un logo enregistré sur blanc sont mélangés au blanc ; après le détourage, ils forment un liseré pâle sur du bleu marine ou du noir. Corrigez-le en partant d'une source plus grande, ou créez une version claire du logo (blanche ou en couleurs inversées) pour les fonds sombres. Beaucoup de marques fournissent les deux.
• Utilisez le SVG quand vous l'avezPour un logo d'en-tête de site, MDN recommande le SVG quand une version vectorielle existe, et les formats sans perte pour les logos matriciels, car les franges autour des bords nets se voient beaucoup. Le PNG transparent est la solution de repli quand vous n'avez qu'une photo ou un JPG.
• Un favicon montre le symbole, pas le nomUn favicon s'affiche en tout petit dans les onglets et les résultats de recherche. Recadrez sur le symbole ou la première lettre, gardez-le carré (Google exige du 1:1) et donnez-lui une forme pleine ou bien contrastée pour qu'il se lise sur les onglets clairs comme sombres.
• Diapositives et documentsUne diapositive PowerPoint grand écran mesure 13,333 x 7,5 pouces (16:9). Insérez le logo en PNG, pas en JPG, pour que la couleur de la diapositive passe au travers et éviter un rectangle blanc sur un modèle coloré.
• Produits dérivés et impressionUn imprimeur ne peut imprimer un logo matriciel qu'aussi net que ses pixels. Envoyez le fichier vectoriel s'il existe ; gardez le PNG transparent pour les maquettes, les fiches produit et les épreuves rapides.
• Logos avec texte sur les réseaux sociauxFacebook indique que les photos de profil et de couverture qui contiennent un logo ou du texte peuvent mieux rendre en PNG. La compression JPG avec perte floute et frange les bords nets, ce qui se voit surtout sur le texte.