Come si usa
- Scegli un file .svg (fino a 5 MB) oppure incolla il codice SVG nella casella.
- Scegli un fattore di scala, ad esempio 2× per gli schermi ad alta densità, oppure inserisci una larghezza esatta in pixel.
- Mantieni lo sfondo trasparente oppure scegli un colore.
- Controlla l’anteprima e scarica il PNG, oppure WebP se il browser lo supporta.
Come funziona
SVG è un formato vettoriale: le forme sono descritte matematicamente, quindi possono essere disegnate nitidamente a qualsiasi dimensione. PNG è una griglia di pixel, il formato richiesto da molte app, documenti, client email e social network. Questo strumento disegna l’SVG con il renderer integrato nel browser, alla dimensione scelta, e salva i pixel in formato PNG.
La dimensione iniziale viene ricavata dagli attributi width e height dell’SVG. Le unità assolute vengono convertite in pixel (1 in = 96 px, 1 pt = 1,33 px). Se è specificata una sola dimensione o nessuna, viewBox fornisce proporzioni e dimensioni; se mancano entrambi, i browser usano 300 × 150. I valori relativi, come 100%, non possono essere determinati per un file autonomo, quindi viene usato viewBox.
L’SVG viene caricato come immagine: è il metodo sicuro per visualizzare file non attendibili, perché gli script non vengono eseguiti e le risorse esterne, come immagini collegate, web font e file CSS, non vengono scaricate. Il testo che dipende da un font non installato sul dispositivo verrà visualizzato con un font sostitutivo. Prima viene controllato l’XML, così un errore di battitura mostra un messaggio chiaro invece di un’immagine vuota.
Esempi
Icona di un’app da un logo SVG
Un logo con viewBox="0 0 64 64", esportato con una larghezza di 1024, produce un PNG di 1024 × 1024 con bordi nitidi, pronto per un app store o un generatore di favicon.
Immagine Retina per un sito web
Un’illustrazione di 400 × 300 a 1×, esportata con scala 2, produce un PNG di 800 × 600 che rimane nitido sugli schermi ad alta densità.
Presentazione o documento
Esportando un grafico SVG con scala 3 e sfondo bianco si ottiene un PNG che può essere inserito in un programma per presentazioni che non supporta SVG.
Domande frequenti
Perché il testo usa un font sbagliato?
I font collegati dal web non vengono caricati quando un SVG viene disegnato come immagine. Vengono usati i font installati sul dispositivo, se corrispondenti. Per essere sicuri, converti il testo in tracciati nel programma di progettazione oppure incorpora il font nell’SVG come URL data.
Perché mancano le immagini collegate?
Per sicurezza, le immagini richiamate tramite URL all’interno dell’SVG vengono bloccate quando l’SVG viene visualizzato come immagine. Le immagini incorporate (URL data:) funzionano.
Qual è la dimensione massima dell’immagine esportata?
Fino a 16.384 px per lato e 50 megapixel in totale. L’esportazione di SVG complessi a dimensioni molto grandi può richiedere qualche secondo e non riuscire sui telefoni con poca memoria.
È sicuro convertire un SVG proveniente da una fonte sconosciuta?
La conversione qui è sicura: un SVG disegnato come immagine non può eseguire script né caricare risorse esterne. Il PNG convertito contiene solo pixel.
Privacy
Il tuo SVG viene analizzato e disegnato dal browser. Non viene caricato, archiviato né incluso nelle statistiche.