Rendere trasparente un logo

In sintesi

Come fare

1. Parti dalla copia più grande che troviIl logo nella firma email spesso è largo meno di 200 px. Cerca l'originale in una cartella del brand, in un press kit, in un PDF o tra i file immagine del sito. Un ritaglio non può aggiungere dettagli che non ci sono: una sorgente da 2000 px dà bordi puliti, una da 150 px bordi morbidi e seghettati.
2. Rimuovi lo sfondo e controlla i buchiRimuovi lo sfondo, poi ingrandisci le lettere con forme chiuse come O, A, B, e e g, e gli spazi tra simbolo e scritta. Anche quelle aree interne devono essere trasparenti, altrimenti il colore della slide o dell'intestazione non si vede attraverso. Passa l'anteprima su uno sfondo scuro per individuare il bianco rimasto.
3. Esporta in base a dove lo useraiScarica un PNG trasparente per slide, documenti e mockup di gadget, oppure WebP per un sito web, dove pesa meno. Prepara versioni quadrate per favicon e profili social, con margine intorno al marchio così un ritaglio circolare non lo taglia.

Consigli ed errori comuni

• Alone bianco su sfondi scuriI pixel di bordo di un logo salvato su bianco sono mescolati con il bianco, quindi dopo il ritaglio appaiono come un contorno chiaro su blu notte o nero. Si risolve ritagliando da una sorgente più grande, oppure preparando una versione chiara del logo (bianca o a colori invertiti) per gli sfondi scuri. Molti brand forniscono entrambe.
• Usa l'SVG quando ce l'haiPer il logo nell'intestazione di un sito, MDN consiglia l'SVG quando esiste una versione vettoriale, e formati senza perdita per i loghi raster, perché le sbavature intorno ai bordi netti si notano molto. Il PNG trasparente è la soluzione di riserva quando hai solo una foto o un JPG.
• Per la favicon serve il simbolo, non la scrittaUna favicon appare minuscola nelle schede del browser e nei risultati di ricerca. Ritaglia sul simbolo o sulla prima lettera, tienila quadrata (Google richiede 1:1) e dalle una forma piena o ad alto contrasto, così si legge sia su schede chiare sia scure.
• Slide e documentiLa slide widescreen di PowerPoint misura 13,333 x 7,5 pollici (16:9). Inserisci il logo come PNG, non come JPG, così il colore della slide si vede attraverso e non compare un rettangolo bianco su un modello colorato.
• Gadget e stampaUna tipografia può stampare un logo raster solo nitido quanto i suoi pixel. Invia il file vettoriale quando esiste; usa il PNG trasparente per mockup, schede prodotto e bozze rapide.
• Loghi con testo sui socialFacebook segnala che immagini del profilo e di copertina con un logo o del testo possono rendere meglio in PNG. La compressione JPG con perdita sfoca e sbava i bordi netti, cosa che si nota soprattutto sul testo.