Convertire SVG in PNG
Trascina i file SVG o incolla il codice SVG, scegli la dimensione e scarica il PNG. Dato che SVG è un formato vettoriale, il PNG risulta nitido a qualsiasi dimensione, da una favicon di 16 px a un’immagine 4K. Tutto avviene nel tuo browser.
Come si calcola
SVG (Scalable Vector Graphics) descrive le immagini con linee, forme e testo invece che con pixel. È perfetto per loghi e icone, ma non è accettato ovunque: le versioni meno recenti di Word e PowerPoint, molti moduli di caricamento, le firme e-mail, gli app store e i social network vogliono un’immagine raster. La conversione in PNG risolve il problema, senza perdita e con trasparenza.
Che dimensione avrà il PNG?
Il punto di partenza è la dimensione memorizzata nell’SVG stesso:
- width e height sull’elemento
<svg>: vengono usati questi valori. Unità come mm, cm, in o pt vengono convertite in pixel come nel CSS (1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1⅓ px). - solo viewBox (tipico delle icone, ad es.
viewBox="0 0 24 24"): larghezza e altezza del viewBox valgono come pixel. - un lato + viewBox: l’altro lato segue le proporzioni del viewBox.
- nulla o percentuali: valore predefinito del browser, 300 × 150 px – imposta tu la dimensione in pixel.
Il fattore di scala moltiplica questa dimensione (un’icona di 24 px a 4× diventa 96 × 96 px). In larghezza/altezza inserisci i pixel; con un solo valore l’altro segue le proporzioni. Con entrambi impostati e «Mantieni le proporzioni» attivo, la grafica viene adattata dentro quel riquadro; disattivandolo viene allungata esattamente a quelle misure.
| Uso | Dimensione PNG tipica |
|---|---|
| Favicon / icona di app | 32, 180, 192 o 512 px (quadrata) |
| Logo su un sito (Retina) | 2× la dimensione visualizzata |
| Logo in Word/PowerPoint | 1000–2000 px di larghezza |
| Stampa a 300 dpi | larghezza in pollici × 300 (10 cm ≈ 1181 px) |
Sfondo trasparente o colorato
Il PNG supporta la trasparenza: lascia lo sfondo «trasparente» e il logo starà bene su qualsiasi fondo. Per app o piattaforme che mostrano la trasparenza in nero, scegli un colore di sfondo (di solito bianco). Ti serve un JPG? Converti poi il PNG con il convertitore di immagini; per ridurre il file usa comprimere immagine.
Sicurezza: l’SVG viene disegnato solo come immagine
I file SVG possono contenere script e link a server esterni. Questo strumento carica quindi l’SVG rigorosamente come immagine (come un <img> in una pagina web). In questa modalità il browser non esegue script e non scarica nulla. Il rovescio della medaglia: immagini o font collegati da internet non compaiono nel PNG. Funzionano invece le immagini incorporate (data: URL) e i font installati sul sistema.
Privacy
La conversione avviene interamente sul tuo dispositivo, compreso il codice SVG incollato. Nulla viene caricato e nulla viene salvato.
Domande frequenti
Come si converte un SVG in PNG?
Trascina il file SVG nel riquadro (o incolla il codice SVG), scegli una dimensione e scarica il PNG. Più file sono disponibili anche in un unico ZIP.
Il PNG sarà sfocato?
No. L’SVG viene disegnato direttamente alla dimensione finale invece di essere reso piccolo e poi ingrandito. Anche a 16× resta nitido.
Lo sfondo resta trasparente?
Sì, di default. Se ti serve uno sfondo bianco o colorato, scegli «Colore» in «Sfondo».
Perché nel PNG manca un font o un’immagine?
Per sicurezza l’SVG viene disegnato solo come immagine e in questa modalità il browser non carica file esterni. I font non installati sul dispositivo vengono sostituiti da un font predefinito. Soluzione: converti il testo in tracciati nel programma di grafica o incorpora le immagini.
Che dimensione ha il PNG di default?
Width/height dell’SVG, altrimenti il viewBox, moltiplicati per il fattore scelto (2× di default). La dimensione originale compare nell’elenco dei risultati.
I miei file SVG vengono caricati?
No. Tutto avviene nel tuo browser; i file non lasciano mai il tuo dispositivo.
Fonti e riferimenti normativi
- W3C – Scalable Vector Graphics (SVG) 2: Coordinate Systems, viewBox
- W3C – SVG 2: Processing modes (secure animated mode)
- W3C – CSS Values and Units Level 4: Absolute lengths
- W3C – Portable Network Graphics (PNG) Specification
- MDN – SVG as an image
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Aggiornato al:
Strumenti correlati
- Convertitore di immagini: JPG, PNG, WebP, AVIFConverti immagini senza caricarle online: PNG in JPG, JPG in PNG, WebP in JPG o PNG, HEIC in JPG, o in AVIF – fino a 20 immagini insieme, download ZIP. Gratis.
- Ridimensiona le immaginiRidimensiona immagini online in pixel o percentuale, mantieni le proporzioni o ritaglia, con modelli per Instagram e YouTube. Fino a 20 immagini, senza upload.
- Comprimere immagine: riduci il peso del fileComprimi immagini senza caricarle online: riduci JPG, PNG, WebP e HEIC, fino a 20 insieme, con dimensione finale in KB opzionale e download ZIP. Gratis.
- Ritaglia immagine onlineRitaglia un’immagine online senza caricarla: selezione libera, quadrata 1:1, 4:3, 16:9 o 9:16, più formati per Instagram e YouTube. Gratis e via smartphone.
- Aggiungi una filigrana alle tue fotoFiligrana per foto online: testo o logo, opacità, rotazione, 9 posizioni o a mosaico. Fino a 20 immagini insieme, ZIP, nessun upload. Gratis.
- Converti video in GIFTrasforma un video in una GIF animata: MP4, MOV o WebM, scegli inizio, durata, larghezza e fotogrammi al secondo. Nel browser, senza caricamento né filigrana.