# PNG con sfondo trasparente: quando servono e come farli [Canonical HTML page](https://gradiently.design/it/guide/transparent-background) Un PNG trasparente è il file che serve quando un logo o un titolo deve stare su qualcosa che non hai progettato tu. È anche il file che si usa quando non andrebbe usato. ## The short version - Un PNG con sfondo trasparente memorizza un canale alfa, quindi ogni pixel può essere del tutto trasparente, pieno o in qualunque punto intermedio. - I PNG trasparenti vanno bene per loghi, titoli, adesivi e overlay che finiranno su sfondi che non controlli, come video, slide e siti web. - Il JPG non può memorizzare la trasparenza, quindi il JPG di un logo ha sempre un riquadro pieno dietro. - La maggior parte dei post social va esportata con lo sfondo completo, non come file trasparente. - Controlla un’esportazione trasparente su sfondo chiaro e scuro, perché aloni chiari e ombre tenui si vedono solo su uno dei due. 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. | Formato | Trasparenza | Ideale per | | --- | --- | --- | | PNG | Alfa completo, bordi morbidi | Loghi, titoli, adesivi, overlay | | JPG | Nessuna | Foto e design completi con sfondo | | SVG | Sì, vettoriale | Loghi e icone sui siti, scalabili a qualsiasi dimensione | | WebP | Alfa completo | Immagini web dove conta il peso del file | | GIF | Solo acceso o spento, bordi netti | Animazioni semplici | | MP4 | Nessuna nell’uso comune | Video con il proprio sfondo | Quali formati possono avere uno sfondo vuoto. La trasparenza GIF è tutto o niente, quindi i bordi morbidi appaiono seghettati; PNG e WebP li mantengono lisci. Per un confronto più approfondito tra i due formati più diffusi, vedi [PNG o JPG](https://gradiently.design/it/guide/png-vs-jpeg); per i loghi sui siti, [SVG o PNG](https://gradiently.design/it/guide/svg-vs-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](https://gradiently.design/it/guide/logo-variations), 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. Un banner largo con il logotipo Northfield su uno sfondo sfumato Il design completo: logotipo e sfondo insieme, giusto per un banner o un post. Lo stesso logotipo Northfield messo su uno sfondo di colore diverso, come permetterebbe un PNG trasparente Esportato trasparente, lo stesso logotipo può stare sullo sfondo di un partner. Qui finisce su un campo di colore diverso. ## 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. ### Esporta trasparente - Un logo per partner e stampa - Un titolo da sovrapporre a un video - Un adesivo o un badge per le foto - Un’icona per una sezione web colorata - Un’illustrazione per la stampa su richiesta ### Esporta con lo sfondo - Post Instagram, LinkedIn e Facebook - Storie, copertine dei Reel e miniature - Poster, volantini e menu - Intestazioni email - Tutto ciò che deve apparire esattamente come progettato ## 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. **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. **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. **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. **Rifila i bordi** Ritaglia sull’illustrazione lasciando un po’ d’aria, così chi lo userà non deve lottare con margini invisibili. 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. - Prova su bianco: #ffffff - Prova su grigio medio: #808080 - Prova su quasi nero: #111111 - Prova su un colore del brand: #2563eb Quattro sfondi su cui controllare ogni esportazione trasparente. Una frangia chiara si vede sul nero; un’ombra scura vi sparisce; un’illustrazione bianca scompare sul bianco. > **Il problema dell’alone bianco** Se l’illustrazione è stata disegnata su bianco, i bordi morbidi possono conservare una sottile frangia chiara che si vede sugli sfondi scuri. Esporta dai livelli originali senza sfondo, invece di cancellare il bianco da un’immagine appiattita. ## 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](https://gradiently.design/it/guide/export-images-and-loops) passa in rassegna ogni formato, e per i loghi su colore vedi [logo su sfondo sfumato](https://gradiently.design/it/guide/logo-on-gradient-background). ## FAQ ### Un JPG può avere lo sfondo trasparente? No. Il JPG non ha canale alfa, quindi ogni area vuota viene riempita con un colore pieno, di solito bianco. Usa PNG, WebP o SVG. ### Perché il mio PNG trasparente ha lo sfondo bianco? O la trasparenza non era attiva durante l’esportazione, oppure l’app in cui l’hai aperto mostra le aree vuote come bianche. Mettilo su uno sfondo scuro per controllare. ### Devo caricare PNG trasparenti su Instagram? No. Esporta post e storie con lo sfondo completo, perché la piattaforma non mantiene la trasparenza e può riempire le aree vuote con un colore suo. ### Per un logo è meglio un PNG trasparente o un SVG? SVG per siti web e tutto ciò che deve scalare, perché resta nitido a ogni dimensione. PNG trasparente per app, editor video e persone che non riescono ad aprire un SVG. ### Che dimensione deve avere il PNG trasparente di un logo? Più grande di quanto pensi ti serva, almeno 2.000 pixel di larghezza per un logotipo, così gli altri possono ridurlo senza che diventi sfocato.