SVG in PNG: Converti immagini vettoriali per app e web
Ottieni la giusta dimensione in pixel e lo sfondo corretto ogni volta che esporti un SVG come PNG
Converti SVG in PNGI file SVG sono perfetti a qualsiasi dimensione. Sono grafica vettoriale, il che significa che sono costruiti da tracciati matematici anziché da pixel, quindi si scalano all'infinito senza perdere nitidezza. Ma nel momento in cui devi caricare un'immagine su una piattaforma che non accetta SVG, aggiungere un elemento grafico a un'email o usare un'icona in un'app mobile, hai bisogno di un formato raster. PNG è la scelta migliore per questa conversione perché preserva la trasparenza, supporta la qualità lossless e rende i bordi nitidi che fanno apparire la grafica SVG definita.
La sfida nella conversione da SVG a PNG è che devi scegliere una dimensione in pixel. Un vettore non ha una risoluzione intrinseca, quindi le dimensioni che scegli determinano quanto sarà grande e dettagliato il PNG risultante. Scegli troppo piccolo e la tua grafica apparirà sfocata. Scegli troppo grande e ti ritroverai con un file inutilmente pesante. Ottenere la giusta dimensione, insieme alla corretta impostazione dello sfondo, è la chiave per un'esportazione pulita da SVG a PNG.
pic2PNG rende questo processo veloce e semplice. Carica il tuo SVG, scegli le dimensioni di output e scarica un PNG perfetto in pochi secondi. Il convertitore gestisce la trasparenza, supporta flussi di lavoro batch ed esegue la conversione nel tuo browser in modo che i tuoi file restino privati. Per saperne di più su cosa rende PNG un ottimo formato di output, consulta la nostra guida completa al formato PNG.
Come convertire SVG in PNG
Convertire un file SVG in PNG con pic2PNG richiede solo pochi passaggi. Segui questa guida per ottenere un PNG pulito e della dimensione corretta da qualsiasi grafica SVG.
Passaggio 1: Apri pic2PNG
Vai su pic2png.com in qualsiasi browser moderno. Il convertitore funziona su desktop, tablet e mobile. Non c'è nulla da installare e nessun account da creare. Lo strumento è pronto nel momento in cui la pagina si carica.
Passaggio 2: Carica il tuo file SVG
Trascina e rilascia il tuo file SVG nell'area del convertitore, oppure clicca sulla zona di caricamento per sfogliare e selezionare un file dal tuo dispositivo. pic2PNG accetta file SVG fino a 10 MB. Il file si carica istantaneamente e appare un'anteprima per confermare di avere l'immagine giusta.
Passaggio 3: Imposta la dimensione di output
Questo è il passaggio più importante quando lavori con SVG. Poiché la sorgente è un vettore senza un numero fisso di pixel, devi indicare al convertitore quali dimensioni dovrà avere il PNG risultante. Usa i controlli di ridimensionamento per specificare larghezza, altezza o entrambi. Puoi ridimensionare per valori esatti in pixel, per percentuale o selezionare un preset di dimensione schermo comune. Se imposti solo una dimensione, il convertitore calcola automaticamente l'altra per mantenere il rapporto d'aspetto.
Passaggio 4: Scegli lo sfondo
Se il tuo SVG ha uno sfondo trasparente, decidi se vuoi mantenerlo trasparente nel PNG o riempirlo con un colore pieno. PNG supporta pienamente la trasparenza alfa, quindi l'esportazione predefinita preserva tutte le aree trasparenti. Se hai bisogno di uno sfondo bianco o colorato, usa gli strumenti di trasparenza prima di convertire.
Passaggio 5: Converti e scarica
Clicca il pulsante di conversione. Il tuo PNG viene generato istantaneamente nel browser. Scarica il file direttamente, oppure se hai convertito più SVG, scaricali tutti come archivio ZIP.
Scegliere la giusta dimensione di output
Poiché gli SVG non hanno dimensioni in pixel intrinseche, hai completa libertà di scegliere la dimensione del tuo PNG. La scelta giusta dipende da dove verrà usata l'immagine. Esportare alle dimensioni corrette fin dall'inizio significa evitare upscaling sfocato o file gonfiati in seguito.
| Caso d'uso | Dimensione consigliata | Note |
|---|---|---|
| Favicon | 32x32, 48x48 | Le icone piccole ottimizzate per i pixel funzionano meglio |
| Icona app (iOS/Android) | 512x512, 1024x1024 | Gli store richiedono dimensioni specifiche |
| Icona web / elemento UI | 64x64, 128x128 | Allineati alla griglia del tuo design system |
| Grafica per social media | 1200x630 | Dimensioni raccomandate da Open Graph |
| Logo per documenti | 300x100 a 600x200 | Per i logo la larghezza conta più dell'altezza |
| Illustrazione hero | 1920x1080 | Full HD per una visualizzazione nitida su schermi grandi |
| Stampa (300 DPI) | 2400x3000+ | Moltiplica i pollici per 300 per la risoluzione di stampa |
pic2PNG offre diverse modalità di ridimensionamento per semplificare il tutto. Puoi inserire una larghezza e un'altezza esatte in pixel, ridimensionare per percentuale rispetto alla dimensione di rendering predefinita dell'SVG o scegliere un preset di risoluzione schermo comune. C'è anche un interruttore di upscale che controlla se il convertitore può scalare l'output oltre la dimensione di rendering predefinita dell'SVG.
Sfondo e trasparenza
La maggior parte degli SVG usati per logo, icone e grafica UI ha uno sfondo trasparente. Quando converti in PNG, questa trasparenza viene preservata per impostazione predefinita perché PNG supporta un canale alfa completo con 256 livelli di trasparenza per pixel. Questo significa che il tuo logo fluttuerà in modo pulito su qualsiasi sfondo, le ombre sfumeranno naturalmente e le sovrapposizioni semi-trasparenti verranno renderizzate esattamente come progettate.
Tuttavia, ci sono situazioni in cui hai bisogno di uno sfondo pieno. Alcune piattaforme, client email ed editor di documenti mostrano i PNG trasparenti su un canvas bianco o scuro che contrasta con la tua immagine. In quei casi, puoi usare gli strumenti di trasparenza di pic2PNG per riempire lo sfondo con bianco o un altro colore prima di esportare. Questo ti dà pieno controllo su come il PNG finale appare nel suo contesto di destinazione.
Se il tuo SVG include aree che dovrebbero essere trasparenti ma sono attualmente riempite con un colore pieno, la funzione rendi un colore trasparente di pic2PNG ti permette di selezionare quel colore e convertirlo in trasparenza durante l'esportazione. Questo è particolarmente utile per gli SVG che sono stati originariamente progettati con uno sfondo bianco incorporato e devono essere posizionati su una superficie colorata o con motivi.
Per un approfondimento su come funziona la trasparenza PNG e i problemi comuni, consulta la nostra guida alla risoluzione dei problemi di conversione PNG.
Mantenere il tuo output PNG leggero
I file PNG possono diventare grandi, specialmente ad alte risoluzioni. Un PNG 1920x1080 con molti dettagli cromatici può facilmente superare i 2 MB. Se stai preparando immagini per il web, la dimensione del file influisce direttamente sulla velocità di caricamento della pagina e sull'esperienza utente. Ci sono diversi modi per mantenere i tuoi PNG esportati leggeri senza sacrificare la qualità.
L'ottimizzazione PNG è il primo strumento da usare. pic2PNG applica una compressione lossless che riduce la dimensione del file ottimizzando il modo in cui i dati dei pixel vengono memorizzati internamente. Questo non cambia un singolo pixel nell'immagine. Colori, trasparenza e nitidezza restano identici. Il file è semplicemente memorizzato in modo più efficiente, risparmiando tipicamente il 10-30% rispetto a un PNG non ottimizzato.
Rimuovi i metadati elimina i dati EXIF, i profili colore e altre informazioni incorporate che aumentano la dimensione del file ma non influiscono sull'aspetto dell'immagine. Per l'uso web, rimuovere i metadati è quasi sempre la scelta giusta. Riduce la dimensione del file e migliora anche la privacy rimuovendo informazioni come i dettagli della fotocamera o le coordinate GPS che potrebbero essere allegate alle immagini sorgente.
Infine, scegli le dimensioni giuste. Il fattore più importante nella dimensione del file PNG è il numero di pixel. Un PNG 2000x2000 ha quattro volte i pixel di un PNG 1000x1000 e sarà circa quattro volte più grande. Esporta alla dimensione di cui hai effettivamente bisogno piuttosto che alla dimensione massima disponibile.
Per una guida completa alle tecniche di compressione PNG, leggi la nostra guida su come ridurre la dimensione dei file PNG.
Scegli la dimensione e lo sfondo giusti, poi esporta
Convertire SVG in PNG è semplice una volta che ti concentri sulle due decisioni che contano di più: dimensione di output e impostazione dello sfondo. Scegli dimensioni che corrispondono alla tua piattaforma di destinazione, decidi se hai bisogno della trasparenza o di uno sfondo pieno, e lascia che pic2PNG faccia il resto. Il convertitore preserva i bordi nitidi e le linee pulite che rendono la grafica SVG professionale, offrendoti un file PNG universalmente compatibile che puoi usare ovunque.
Che tu stia esportando un singolo logo o convertendo in batch un intero set di icone, pic2PNG rende il processo veloce, privato e gratuito. Carica il tuo SVG, imposta la dimensione e scarica un PNG perfetto in pochi secondi.