SVG → PNG
Convertitore da SVG a PNG
Trascina un file vettoriale e ottieni un PNG alla risoluzione che serve. La rasterizzazione avviene in questa scheda, quindi il lavoro di design resta tra te e la tua macchina.
Un PNG ha pixel fissi: ingrandirlo in seguito lo rende morbido, mentre l'SVG resta nitido a qualsiasi dimensione. Le aree trasparenti vengono conservate, non riempite.
Come convertire SVG in PNG
Carica il vettoriale
Trascina il file .svg o incollalo. I file che non dichiarano larghezza e altezza nell'intestazione vengono renderizzati in un viewport di 1024 pixel.
Scegli la dimensione in pixel
Imposta la larghezza o l'altezza che ti serve — 256 per un'icona di app, 2400 per una grafica da stampa — e l'altra dimensione segue le proporzioni. Un'esportazione non viene mai ingrandita oltre la dimensione dichiarata dal file.
Esporta il PNG
Salva il raster e usalo ovunque ci si aspetti un PNG: una diapositiva, una pipeline di favicon, un README o una scheda store che non accetta vettoriali.
Trasformare vettori in pixel
SVG è XML: tracciati, riempimenti e istruzioni di testo che un renderer risolve a qualsiasi zoom, ed è per questo che loghi e icone si disegnano come vettoriali. PNG è una griglia di pixel finiti, quindi rasterizzare significa prima fissare una dimensione della griglia: ogni curva viene campionata su di essa, e la risoluzione che scegli è quella che ti resta.
Il disegno viene renderizzato attraverso il motore SVG del browser, lo stesso che lo mostra in una pagina, quindi sfumature, filtri e forme ritagliate si comportano come sullo schermo, e la trasparenza è conservata perché PNG porta un canale alfa. Il costo è la fissità: ingrandisci il PNG in seguito e i bordi si ammorbidiscono, mentre una nuova esportazione dall'SVG a una dimensione maggiore resta nitida. Conserva il vettoriale come file master.
Domande su SVG in PNG
Come scelgo la risoluzione del PNG?
Pensa al punto più grande in cui comparirà: 16–64 px per una favicon, 256–512 px per un'icona di app, 1000 px o più per la stampa. Imposta una dimensione e l'altra segue il rapporto; esportare di nuovo a un'altra dimensione costa poco perché la sorgente resta nitida.
Che cosa perdo rispetto all'SVG?
Scalabilità e modificabilità: il PNG è una griglia fissa, quindi ingrandirlo lo sfoca, e le sue forme non sono più testo che puoi riassegnare con gli stili. Tratta l'esportazione come una copia di consegna per una dimensione e conserva l'.svg originale.
Il mio SVG non ha larghezza e altezza. Che succede?
Viene renderizzato in un viewport di 1024 pixel, e quella diventa la sua dimensione intrinseca, quindi un file con solo un viewBox viene trattato come largo 1024 px. Imposta qui una dimensione esplicita in pixel, oppure aggiungi larghezza e altezza al markup, quando ti serve qualcosa di esatto.
Il PNG conserva la trasparenza, e il mio file viene caricato?
La trasparenza è conservata, perché PNG ha un vero canale alfa: un logo su sfondo trasparente resta trasparente. Non viene caricato nulla: la grafica è renderizzata e codificata in questa scheda, fino a 64 MB per file, e la pagina funziona offline una volta caricata.