Che cos’è un file PNG?

Sei confuso da ciò che un file PNG in Adobe Photoshop è? Se è così, questo è perfettamente comprensibile perché ci sono molti formati di file immagine disponibili per i fotografi. I più comuni includono Jpeg, GIF, TIFF e, naturalmente, PNG.

Ciò che rende le cose ancora più difficili è che ognuno ha uno scopo specifico. In questo articolo, vedremo il formato PNG. Imparerai a conoscere cos’è un file PNG, a cosa serve e come crearne uno.

PNG, che si pronuncia come “ping” e il suo nome di file è .png, sta per Portable Network Graphics. È un tipo di formato immagine che i web designer utilizzano per creare siti Web perché supporta sfondi trasparenti e/o immagini semi-trasparenti (è, infatti, l’unico tipo di formato immagine che supporta la trasparenza).

Questa funzionalità rende PNG ideale per loghi e grafica dinamica del sito web. Quindi, se vuoi un sito Web dall’aspetto fantastico che i tuoi visitatori adoreranno, dovresti assolutamente usare le immagini formattate in PNG.

Le probabilità sono che avete visto le immagini PNG prima, come ad esempio quando un logo trasparente si trova sulla foto di un fotografo, che consente di vedere la foto attraverso il logo. In questo caso, lo scopo della trasparenza è promuovere sottilmente il fotografo che ha scattato la foto (e impedire a qualcun altro di usarla).

Una tecnica di riduzione dei dati chiamata compressione senza perdita crea file PNG. Ciò significa che quando qualcuno sceglie di comprimere un’immagine, nessuno dei dati al suo interno viene perso. In altre parole, il file PNG rimane identico al file immagine originale. Questo è diverso dalla compressione con perdita, che perde informazioni quando comprime un’immagine di file.

Un altro vantaggio di PNG è che supporta la scala di grigi e PNG-8, PNG-24 e PNG 32 spazi colore, dandogli la possibilità di visualizzare una vasta gamma di colori.

Tuttavia, ciò significa che i file PNG possono essere grandi, motivo per cui le immagini sono solitamente in formato Jpeg (i file Jpeg sono con perdita, il che significa che ogni volta che vengono decompressi, i dati vengono eliminati).

Un altro vantaggio del formato PNG è che è privo di brevetto, il che significa che chiunque può usarlo senza licenza.

Quali programmi aprono i file PNG?

Un sacco di programmi aprono file PNG. Questi includono programmi di visualizzatore di foto predefiniti, programmi di fotoritocco come Lightroom e Adobe Photoshop e browser web. In uno di questi programmi, è possibile visualizzare un file PNG selezionando ‘apri’ dal menu a discesa o semplicemente trascinarlo nel programma o in un browser web.

Se non hai già Photoshop e Lightroom, puoi ottenerli tramite il piano Creative Cloud di Adobe per soli $9.99/mese.

Adobe Photoshop e Lightroom e alcuni degli strumenti più popolari utilizzati da fotografi, grafici e sviluppatori web a causa delle loro capacità.

I modi più semplici per creare un file PNG in Adobe Photoshop

Come creare un file PNG in Adobe Photoshop è un processo semplice. A seconda di ciò che si vuole realizzare con un’immagine o grafica, ci possono essere solo pochi passi o più.

Passaggi per creare un file PNG in Photoshop:

• fare Clic su File nel menu in alto, quindi selezionare Apri
• Scegliere il file di immagine e fare clic su Apri
• fare Clic su File dal menu in alto, quindi selezionare Salva con nome

• Nella finestra di dialogo, selezionare PNG dal menu Formato

• fare Clic su Salva

Mentre questo è un modo rapido per creare un file PNG, non altera in alcun modo l’immagine, come ad esempio rendendo trasparente o rimozione dello sfondo per isolare il soggetto(s). Queste sono le azioni più comuni per i file PNG. Segui i passaggi qui sotto per imparare a fare entrambe le cose.

2. Crea un’immagine Photoshop trasparente

• Apri il file ripetendo i passaggi descritti nel numero 1.
• Apri il pannello livelli se non è già visibile sulla destra. Per fare ciò, fare clic su Finestra, quindi selezionare Livelli.

• Fare clic sul livello di sfondo nel pannello Livelli e quindi fare clic su OK nella finestra di dialogo visualizzata. Questo sblocca il livello, permettendoti di cambiarlo.

• Fare clic sul menu a discesa Opacità nel pannello Livelli e scegliere una percentuale inferiore al 100%. Più in basso vai, più trasparente sarà l’immagine.
• Fare clic su File nel menu in alto e scegliere Salva con nome e selezionare PNG dal menu a discesa. Ora hai un’immagine Photoshop trasparente.

Rimuovi lo sfondo per isolare il soggetto

• Apri il file ripetendo i passaggi descritti nel numero 1.
• Aggiungi un livello di trasparenza: nel menu in alto, fai clic su Livello, quindi seleziona Nuovo. Ora vedrai un nuovo livello vuoto nel pannello Livelli che sembra una scacchiera grigia e bianca. Photoshop lo imposta automaticamente su trasparente.

• Trascina il nuovo livello sotto il livello immagine di sfondo nel pannello Livelli.
• Fare clic sul nuovo livello per selezionarlo.

Suggerimento: invece di creare un nuovo livello, puoi anche fare clic sull’icona del lucchetto per sbloccare il livello di sfondo. Qualunque cosa si elimina dall’immagine diventerà trasparente.

• Seleziona l’oggetto: Nella barra degli strumenti sul lato sinistro, selezionare lo strumento Bacchetta magica.

• Fare clic su Seleziona oggetto nella parte superiore della finestra. Photoshop seleziona automaticamente ciò che pensa il soggetto(s) è. Si vedrà ‘marching formiche’ selezione circostante che indica.

• Eliminare lo sfondo: fare clic su Seleziona dal menu in alto, quindi scegliere Inverso. Questo seleziona l’area dell’immagine che si desidera rimuovere attorno al soggetto.

• Premere Elimina sulla tastiera. Il motivo a scacchiera grigio e bianco dello sfondo trasparente è ora visibile.
• Premere Comando (Controllo su PC) + D per rimuovere le formiche in marcia.

Suggerimento: Potresti scoprire che la selezione manca di alcune aree. Ad esempio, potrebbe pensare che le ombre siano i bordi del soggetto. Per risolvere questo problema, fare clic sull’icona
“Sottrai dalla selezione” nella parte superiore della finestra, quindi utilizzare lo strumento bacchetta magica per rimuovere più aree indesiderate.

I vantaggi e gli svantaggi dei file PNG

Leggi all’inizio di questo articolo cos’è un file PNG e a cosa serve. Hai anche imparato a conoscere alcuni dei suoi vantaggi, tra cui la compressione senza perdita di dati (nessun dato viene perso e la qualità dell’immagine rimane la stessa) e che supporta gli spazi colore PNG-8 (256 colori), PNG-24 (oltre 16 milioni di colori) e PNG-32 (PNG 24 + 8 per sfondi trasparenti).

Altri vantaggi includono l’ampia gamma di trasparenza da invisibile (0%) a completamente visibile (100%), è possibile aggiungere metadati e creare file PNG con più livelli. Inoltre, i file PNG sono in grado di essere compressi 10-30% in più rispetto ai file GIF.

Il formato PNG presenta alcuni svantaggi. A differenza di GIF, che sta per Graphics Interchange Format, PNG non supporta l’animazione. Inoltre, come indicato sopra, le dimensioni dei file PNG sono in genere più grandi dei file Jpeg. Questo potrebbe essere un problema se non hai molto spazio di archiviazione.

Fortunatamente, questi problemi non sono generalmente un problema per la maggior parte delle persone poiché i file PNG sono per lo più progettati per i siti web.

Quindi è così! Si dovrebbe essere sulla buona strada per la creazione di file PNG in Photoshop utilizzando le informazioni apprese in questo tutorial. Molto presto si sarà in grado di fare un logo che si può mettere sulle vostre foto o fare un sito web attraente.

Se hai trovato utile questo tutorial, potresti anche essere interessato a controllare questi articoli:

• Come Ottimizzare le Immagini per il Web (Step by Step)
• Come Aggiungere una Filigrana con Photoshop e Lightroom
• Guida Rapida ai Livelli in Photoshop

Se avete trovato utile questo articolo, si prega di seguici su Twitter e Facebook per saperne di più del nostro servizio gratuito di WordPress tutorial e altre risorse.