PNG con sfondo trasparente: quando servono e come farli

Un PNG con sfondo trasparente è un’immagine in cui lo sfondo è stato lasciato vuoto, così resta solo il logo, il testo o l’oggetto e ciò che sta sotto traspare. Ti serve ogni volta che il tuo design verrà messo su qualcosa che non hai fatto tu: un logo sul sito di un cliente, un titolo su un filmato, un adesivo su una foto, un marchio su una slide. Il PNG può farlo perché memorizza un canale alfa, un quarto valore per ogni pixel che dice quanto è trasparente. Il JPG non ha canale alfa, ed è per questo che un logo in JPG arriva sempre in un riquadro bianco o colorato.

Come funziona la trasparenza in un PNG

Ogni pixel di un’immagine normale ha tre valori: rosso, verde e blu. Un PNG con trasparenza ne aggiunge un quarto, l’alfa, da completamente trasparente a completamente pieno. I valori intermedi contano quanto gli estremi. Il bordo morbido di una lettera, un’ombra leggera o un effetto vetro sono fatti di pixel parzialmente trasparenti, e fanno fondere il design con ciò che c’è dietro.

Per un confronto più approfondito tra i due formati più diffusi, vedi PNG o JPG; per i loghi sui siti, SVG o PNG spiega quando il vettoriale è la scelta migliore.

Quando serve un PNG trasparente

• Loghi che altri useranno. Partner, stampa, organizzatori di eventi e sponsor mettono il tuo logo sui propri sfondi. Invia un PNG trasparente, meglio se nelle versioni chiara e scura delle varianti del logo, più un SVG.
• Titoli e sottopancia nei video. I montatori sovrappongono un PNG trasparente al filmato, così le parole fluttuano sull’immagine.
• Adesivi e overlay. Badge come «Novità» o «Venduto», cornici e cartellini di prezzo messi su foto o storie.
• Slide e documenti. Un logo o un diagramma che deve stare su una slide colorata senza riquadro bianco.
• Siti web. Icone, loghi e illustrazioni messi sopra sezioni colorate o sfondi hero.
• Merchandising e stampa su richiesta. Molti servizi di stampa chiedono un PNG trasparente, così su maglietta o tazza si stampa solo l’illustrazione.

Quando lo sfondo trasparente è la scelta sbagliata

La trasparenza serve per i singoli elementi, non per i pezzi finiti. Un post social, una storia, un poster o un’intestazione email vanno esportati con lo sfondo, perché quello sfondo è metà del design. La maggior parte dei social non mantiene la trasparenza nei post che carichi, e un’area vuota può essere riempita con un colore che non hai scelto. Alcuni marketplace chiedono anche foto dei prodotti su bianco pieno invece che trasparenti, quindi controlla le regole della piattaforma.

Come fare un PNG trasparente

Ci sono due strade. Se progetti tu l’elemento, come un titolo, un logo o un badge, costruiscilo senza sfondo ed esporta con la trasparenza attiva. Se parti da una foto, devi prima rimuovere lo sfondo, a mano o con uno strumento apposito, che è un lavoro diverso e più difficile. I passaggi qui sotto riguardano la prima strada.

1. 1

   Progetta alla dimensione che ti servirà

   I file trasparenti spesso vengono ingranditi dopo, quindi esporta più grande di quanto pensi: un logotipo largo 2.000 px o più è un buon punto di partenza.

2. 2

   Lascia lo sfondo vuoto

   Nascondi o elimina ogni livello di sfondo. La maggior parte degli strumenti mostra il vuoto come una scacchiera grigia e bianca.

3. 3

   Scegli PNG con trasparenza

   Nella finestra di esportazione scegli PNG e assicurati che la trasparenza o lo sfondo chiaro sia selezionato. Il JPG lo riempirà in silenzio di bianco.

4. 4

   Rifila i bordi

   Ritaglia sull’illustrazione lasciando un po’ d’aria, così chi lo userà non deve lottare con margini invisibili.

5. 5

   Prova su chiaro e su scuro

   Trascina il file su una pagina bianca e su una nera. Cerca aloni chiari, ombre mancanti e testo che sparisce su uno dei due.

Esportare un PNG trasparente in Gradiently

In Gradiently un design sta normalmente sul suo Mark, lo sfondo vivo dietro a tutto. Con Pro puoi esportare invece un PNG trasparente: solo i tuoi elementi, come testo, forme, icone e foto, su uno sfondo vuoto, senza il Mark. È il file da inviare a un partner, da portare in un editor video o da mettere su un sito. Pro esporta anche SVG per gli stessi usi, ed entrambi derivano dallo stesso design che pubblichi con lo sfondo completo. Come per ogni esportazione di Gradiently, il Mark del design deve essere tuo. Esportare immagini e loop passa in rassegna ogni formato, e per i loghi su colore vedi logo su sfondo sfumato.