Converti SVG in PNG a qualsiasi dimensione, nel tuo browser
Trascina qui i file SVG o incolla il codice SVG, scegli una scala o una larghezza in pixel e ottieni PNG nitidi che mantengono la trasparenza. Ogni SVG viene disegnato nel tuo browser, quindi non si carica nulla.
- Nessun caricamento: funziona nel tuo browser
- Gratis, senza account
- Legge file SVG o codice incollato
- Fino a 20 file, 20 MB ciascuno
Dimensione
1× è la dimensione che l'SVG indica per sé. Ogni file viene convertito con le impostazioni in vigore quando parte, quindi una modifica qui vale anche per i file ancora in attesa nella lista.
Scala
Qualsiasi numero maggiore di 0, ad esempio 1,5 o 0,5.
Oppure imposta un lato in pixel
Imposta una larghezza o un'altezza; l'altro lato segue le proporzioni di ciascun SVG.
Output massimo: 16384 px per lato e non più di 8192 × 8192 px di area.
Trascina i file SVG qui oppure fai clic per sceglierli
Accettati: SVG.
Fino a 20 file, 20 MB per file
Come convertire SVG in PNG
Scegli la dimensione
Scegli una scala come 2×, oppure imposta una larghezza o un'altezza in pixel. 1× è la dimensione che l'SVG indica per sé, e la tabella qui sotto elenca le larghezze più comuni per icone e immagini.
Aggiungi file o codice SVG
Trascina fino a 20 file SVG, oppure apri «Incolla codice» e incolla il markup. Ognuno viene disegnato alla dimensione scelta, uno dopo l'altro, e puoi continuare ad aggiungerne mentre lavorano.
Scarica i PNG
Salva ogni PNG da solo, con la sua dimensione in pixel nel nome, oppure tutti insieme in un unico ZIP. Ciò che era trasparente nell'SVG resta trasparente nel PNG.
Dimensioni da SVG a PNG per icone e immagini
Prima vengono favicon e icone delle app, le dimensioni piccole in cui contano di più la trasparenza e i bordi netti di un PNG, poi larghezze maggiori per pagine web e stampa. Sono usi comuni, non la regola di una piattaforma, quindi controlla la dimensione richiesta dal sito su cui carichi. Scegli una riga e il convertitore usa la sua larghezza.
| Larghezza | Uso comune | Applica questa larghezza al convertitore |
|---|---|---|
| 16 px | La classica dimensione della favicon nella scheda del browser. | |
| 32 px | Una favicon per schermi ad alta densità e barre dei preferiti. | |
| 48 px | Una favicon più grande, spesso inclusa per i collegamenti sul desktop. | |
| 180 px | La dimensione abituale dell'icona nella schermata Home di iPhone e iPad (apple-touch-icon). | |
| 192 px | Un'icona comune del manifest di un'app web, mostrata nelle schermate Home di Android. | |
| 512 px | L'icona grande del manifest di un'app web, usata anche per l'installazione e la schermata di avvio. | |
| 1024 px | Un logo o un'illustrazione nitida per pagine web, documenti e presentazioni. | |
| 2048 px | Grafiche per schermi ad alta densità e piccole stampe. | |
| 4096 px | Stampe grandi e banner. A questa larghezza supera il limite di dimensione solo un SVG più di quattro volte più alto che largo. |
16 px
La classica dimensione della favicon nella scheda del browser.
32 px
Una favicon per schermi ad alta densità e barre dei preferiti.
48 px
Una favicon più grande, spesso inclusa per i collegamenti sul desktop.
180 px
La dimensione abituale dell'icona nella schermata Home di iPhone e iPad (apple-touch-icon).
192 px
Un'icona comune del manifest di un'app web, mostrata nelle schermate Home di Android.
512 px
L'icona grande del manifest di un'app web, usata anche per l'installazione e la schermata di avvio.
1024 px
Un logo o un'illustrazione nitida per pagine web, documenti e presentazioni.
2048 px
Grafiche per schermi ad alta densità e piccole stampe.
4096 px
Stampe grandi e banner. A questa larghezza supera il limite di dimensione solo un SVG più di quattro volte più alto che largo.
Le altezze non sono indicate perché ogni SVG mantiene le proprie proporzioni: un'icona quadrata resta quadrata, e un logo largo il doppio di quanto è alto esce alto la metà della larghezza.
Cosa decide come viene il PNG
Un SVG non ha pixel finché qualcosa non lo disegna. Tre cose decidono l'aspetto del PNG: la dimensione a cui viene disegnato, come imposti quella dimensione e i font con cui viene disegnato il suo testo.
Forme SVGPixel PNG Forme in ingresso, pixel in uscita
Un SVG descrive forme, quindi è nitido a qualsiasi dimensione. Un PNG è una griglia fissa di pixel: se lo ingrandisci dopo, i bordi diventano sfocati o seghettati. La dimensione a cui converti è la più nitida che il PNG avrà mai.
Converti alla dimensione più grande a cui lo mostrerai, invece di ingrandire il PNG dopo.
ScalaLarghezza Una scala o una larghezza esatta
Una scala moltiplica la dimensione che l'SVG indica, quindi un'icona 24 × 24 a 4× diventa 96 × 96. Una larghezza o un'altezza fissa quel lato in pixel, e l'altro lato segue le proporzioni dell'SVG, qualunque dimensione indichi.
Usa una scala per una serie di icone disegnate sulla stessa griglia; usa una larghezza quando il PNG deve riempire uno spazio preciso.
Font disponibileFont mancante Testo e font
Il testo di un SVG è solo una serie di lettere finché un font non lo disegna, e il PNG conserva pixel per pixel il font che l'ha disegnato. Si usa un font installato su questo dispositivo o incorporato nell'SVG; un font a cui l'SVG rimanda sul web non viene caricato, quindi al suo posto ne subentra un altro.
Per un logo o un'icona con del testo, converti il testo in tracciati nella tua app di grafica prima di esportare l'SVG.
Testo e dimensione giusti
Quasi tutte le sorprese arrivano dal testo. L'SVG viene disegnato come un browser mostra un'immagine SVG: si usa un font installato su questo dispositivo, e anche un font incorporato nell'SVG come dati. Un font a cui l'SVG si limita a rimandare, come un foglio di stile di web font, non viene scaricato, quindi il testo passa a un altro font e può cambiare larghezza o andare a capo in modo diverso.
Il testo convertito in tracciati non ha mai questo problema. Prima di esportare dalla tua app di grafica, converti il testo in tracciati o incorpora il font. Le immagini a cui l'SVG rimanda vengono saltate per lo stesso motivo, e quando succede la riga del file nella lista lo segnala.
Il PNG mantiene la trasparenza, che è ciò che serve a un logo o a un'icona messi su sfondi diversi. Se il sito su cui carichi vuole un JPG, o le aree trasparenti devono diventare un colore pieno, converti invece l'SVG in JPG e scegli lì il colore di sfondo.
Un'illustrazione ricca di dettagli a grandi dimensioni può produrre un PNG di diversi megabyte, perché il PNG conserva ogni pixel esattamente. Se deve restare sotto un limite di caricamento, comprimilo a una dimensione di file precisa dopo la conversione.
Limiti da conoscere
- Legge file SVG e codice SVG incollato: fino a 20 per lotto, 20 MB per file o per codice incollato.
- Il PNG può arrivare a 16384 px per lato e 8192 × 8192 px di area. Una dimensione maggiore viene rifiutata prima di disegnare qualsiasi cosa.
- Un SVG animato diventa un singolo istante fermo, scelto dal browser. L'animazione non viene mantenuta.
- Un SVG con dentro dell'HTML (un elemento foreignObject) non può essere salvato come PNG in Chrome, Edge o Safari. Firefox invece può salvarlo.
Domande frequenti su SVG in PNG
I miei file SVG vengono caricati su un server?
No. Ogni SVG viene letto, disegnato e salvato come PNG nel tuo browser, e nessun file o codice viene caricato, salvato o inviato altrove. La pagina scarica il proprio codice man mano che serve, come la libreria ZIP la prima volta che scarichi uno ZIP, ma i tuoi SVG non ne fanno mai parte. Anche le immagini e i font a cui un SVG rimanda non vengono scaricati.
Perché il testo nel mio PNG ha un aspetto diverso?
Il testo viene disegnato con un font nel momento della conversione. Si usa un font installato su questo dispositivo o incorporato nell'SVG, ma un font a cui l'SVG rimanda sul web non viene caricato, quindi al suo posto subentra un font di riserva. Per lettere esatte, converti il testo in tracciati prima di esportare l'SVG, oppure incorpora il font.
Come ottengo un PNG ad alta risoluzione da un SVG?
Scegli una scala più grande, come 4×, oppure scrivi la larghezza che ti serve in pixel. L'SVG viene ridisegnato da capo a quella dimensione, quindi il PNG resta nitido a qualsiasi dimensione fino a 16384 px per lato e 8192 × 8192 px di area. Ingrandire un PNG piccolo dopo non può restituire quel dettaglio.
Il PNG mantiene lo sfondo trasparente?
Sì. Tutto ciò che l'SVG lascia trasparente resta trasparente nel PNG, e dietro non viene dipinto nulla. Se ti serve invece uno sfondo pieno, usa il convertitore da SVG a JPG, dove scegli il colore.
Perché ricevo un errore sul contenuto HTML?
L'SVG contiene un elemento foreignObject, che mette dell'HTML dentro il disegno. Chrome, Edge e Safari non permettono a una pagina web di salvare un disegno che lo contiene, quindi lì la conversione viene bloccata, mentre Firefox la consente. Negli altri browser, sostituisci la parte HTML con testo o forme SVG e aggiungi di nuovo il file.
Posso incollare codice SVG senza l'attributo xmlns?
Sì. Il codice copiato dall'HTML di una pagina web spesso non ha l'attributo xmlns che serve a un file SVG autonomo. Quando il codice incollato non si legge come SVG autonomo, il convertitore lo legge come HTML, prende il primo SVG che trova e aggiunge ciò che manca, e la riga segnala che l'ha fatto.
Posso convertire più SVG in PNG in una volta?
Sì. Aggiungi fino a 20 file per lotto, 20 MB ciascuno, e vengono convertiti uno dopo l'altro con le stesse impostazioni. Il codice incollato finisce nella stessa lista. Scarica ogni PNG da solo oppure tutti insieme in un unico ZIP.
Prossimi passi
- SVG in JPGTi serve un JPG, o un colore pieno dietro la grafica? Converti lo stesso SVG in JPG.
- Converti formato immagineTrasforma i PNG in WebP o AVIF per una pagina web più leggera.
- Comprimi immaginePNG troppo pesante per un limite di caricamento? Comprimilo a una dimensione di file precisa.
- Ridimensiona immagineTi serve il PNG su una tela esatta, come un quadrato con margini? Ridimensionalo.
- Ingrandisci immagineHai solo un PNG piccolo e non l'SVG? Ingrandiscilo senza che i bordi diventino sfocati.
Converti subito il tuo SVG in PNG
Scegli una dimensione, aggiungi i tuoi SVG o incolla il codice e scarica PNG nitidi. Nulla lascia questo dispositivo.