Trasforma vettori SVG scalabili in immagini PNG pronte all'uso
Un file SVG è un insieme di istruzioni, non un'immagine finita. Aprilo in un editor di testo e troverai XML che descrive percorsi, forme, riempimenti e curve — una ricetta che il browser segue per disegnare il grafico da zero alla dimensione che gli chiedi. Un PNG è l'opposto: una griglia di pixel colorati fissata a una larghezza e un'altezza stabilite. Convertire l'uno nell'altro si chiama rasterizzazione, e questo strumento la esegue interamente nel tuo browser. Scegli una dimensione di output, l'SVG viene disegnato su un canvas HTML, e torna un PNG — nessun file lascia mai il tuo dispositivo.
Vettore contro raster, in parole semplici
La differenza fondamentale riguarda come viene gestita la risoluzione. Poiché SVG memorizza matematica anziché pixel, è indipendente dalla risoluzione: scala un logo da una favicon a un cartellone e ogni bordo viene ricalcolato per rimanere matematicamente nitido. Un PNG non ha tale libertà. I suoi pixel sono incorporati, quindi ingrandirlo oltre le dimensioni native costringe il visualizzatore a stirare i punti esistenti, e si comincia a vedere la sfocatura e l'effetto a gradini che tradisce le immagini raster.
Questo compromesso va in entrambe le direzioni. I vettori sono imbattibili per loghi, icone e illustrazioni piatte fatte di forme pulite, e i file sono di solito minuscoli. I formati raster come PNG gestiscono gradienti, ombre morbide e dettagli fotografici in modo più naturale, e — soprattutto — vengono compresi da praticamente tutto. Quando si rasterizza, si scambia la scalabilità infinita dell'SVG con la compatibilità universale del PNG a una dimensione scelta.
Perché rasterizzare un SVG?
Se SVG scala così magnificamente, perché convertirlo? La compatibilità è la risposta abituale. Molti contesti semplicemente non accettano SVG: molti client email lo rimuovono o si rifiutano di renderizzarlo, i programmi per documenti e presentazioni spesso vogliono un'immagine piatta, i marketplace e le reti pubblicitarie richiedono PNG o JPG, e la maggior parte delle piattaforme social ignora completamente gli upload vettoriali. Alcuni sistemi di contenuto bloccano anche l'SVG per ragioni di sicurezza, poiché il formato può incorporare script.
Il secondo motivo è che a volte si vuole un asset a dimensione fissa. Le icone delle app, le miniature, le immagini di anteprima Open Graph e i materiali stampati si aspettano tutti dimensioni in pixel esatte. Un PNG blocca il grafico a quel target in modo che si renderizzi in modo identico ovunque, senza sorprese da un visualizzatore che interpreta il vettore diversamente. Convertire l'SVG sorgente nelle dimensioni precise richieste da una piattaforma è spesso il percorso più pulito verso un risultato coerente.
Scegliere la risoluzione di esportazione giusta
Poiché un PNG non può scalare verso l'alto con grazia, la dimensione di esportazione conta più che con qualsiasi vettore. Esportare troppo piccolo e l'immagine appare morbida sugli schermi moderni; esportare inutilmente grande spreca larghezza di banda. Una semplice regola empirica: decidi la dimensione massima a cui l'immagine verrà mai visualizzata, poi rendi almeno quella, e idealmente di più per i display ad alta densità.
Gli schermi standard vanno bene a 1x — la dimensione nominale del grafico. I display ad alta definizione e Retina comprimono circa il doppio dei pixel nello stesso spazio, quindi un'esportazione 2x mantiene icone e grafici nitidi invece che sfocati. Per stampa, poster o display molto grandi, 3x o 4x dà margine. Poiché la sorgente è un vettore, esportare a dimensioni maggiori non costa nulla in termini di qualità — le curve vengono semplicemente ricalcolate al conteggio di pixel superiore prima di essere appiattite. In caso di dubbio, renderizza a una dimensione generosa; puoi sempre ridurre un PNG grande, ma non puoi mai recuperare dettagli scalando verso l'alto uno piccolo.
La trasparenza si porta dietro
PNG supporta un canale alfa completo, il che significa che la trasparenza sopravvive alla conversione. Se il tuo SVG non ha sfondo, il PNG risultante mantiene quelle aree trasparenti, quindi un logo o un'icona si inserisce pulitamente su qualsiasi colore senza una brutta casella bianca attorno. Se vuoi uno sfondo solido, aggiungilo all'SVG prima di convertire. In ogni caso, ciò che vedi nel vettore è ciò che il PNG preserverà, ed è esattamente per questo che PNG — piuttosto che JPG — è il target naturale per icone, badge e overlay.
Tutto rimane sul tuo dispositivo
Questo convertitore funziona come codice locale nel tuo browser usando l'API canvas. Il tuo SVG viene letto, disegnato ed esportato senza mai essere inviato a un server, quindi non c'è upload, nessuna coda e nessuna copia del tuo grafico nell'archivio di qualcun altro. È più veloce per te e più sicuro per qualsiasi cosa tu preferiresti non consegnare a terzi, dal branding non ancora rilasciato ai diagrammi interni. Quando hai finito qui, esplora il resto dei nostri strumenti per immagini — se stai creando un asset Windows o favicon, il convertitore PNG in ICO è un passo successivo naturale.
Domande frequenti
Il PNG sembrerà nitido come l'SVG?
Alla dimensione in cui esporti, sì. Poiché il vettore viene renderizzato da zero alla risoluzione scelta, i bordi rimangono nitidi. La differenza è che il PNG non può essere ingrandito in seguito senza ammorbidirsi, mentre l'SVG originale avrebbe sempre potuto.
La conversione preserva la trasparenza?
Sì. PNG ha un canale alfa, quindi le aree trasparenti nel tuo SVG rimangono trasparenti nel PNG. Aggiungi uno sfondo all'SVG prima se vuoi invece un riempimento solido.
Quale risoluzione dovrei scegliere?
Abbina o supera la dimensione massima a cui l'immagine verrà mostrata. Usa 1x per gli schermi standard, 2x per i display Retina e ad alta densità, e 3x o 4x per stampa o grafici di grandi dimensioni. Renderizzare a dimensioni maggiori non costa nulla in termini di qualità poiché la sorgente è un vettore.
Perché non usare semplicemente SVG ovunque?
Molti client email, programmi per documenti, marketplace e piattaforme social non accettano o non renderizzano in modo affidabile SVG. Un PNG funziona quasi ovunque e blocca il grafico a una dimensione fissa e prevedibile.
I miei file vengono caricati da qualche parte?
No. Tutto avviene localmente nel tuo browser. Il tuo SVG non viene mai inviato a un server, quindi nulla viene caricato, archiviato o tracciato.
Posso riconvertire il PNG in SVG?
Non fedelmente. La rasterizzazione elimina la matematica originale, quindi tornare indietro significa tracciare i pixel in nuovi percorsi vettoriali, che raramente corrispondono alla sorgente. Conserva il tuo SVG originale come file master.