Che cos'è questo strumento?
L'SVG è un formato vettoriale: le forme sono descritte matematicamente, sono scalabili all'infinito ed è ideale per loghi e icone. Tuttavia, molti contesti non lo accettano: i documenti Word, la maggior parte delle piattaforme social, i client di posta elettronica e innumerevoli moduli di caricamento richiedono immagini a pixel. La conversione (rasterizzazione) trasforma il file vettoriale in un PNG o JPG di dimensioni specifiche.
Poiché i vettori non hanno una risoluzione fissa, sei tu a scegliere la larghezza di output; e, dato che la fonte è matematica, un’esportazione a 2048px risulterà nitida esattamente quanto una a 256px. L’output in formato PNG mantiene lo sfondo trasparente dell’SVG, mentre quello in formato JPG lo riempie di bianco.
Perché usarlo?
- Qualsiasi risoluzione da un'unica fonte: dalla favicon da 256px alla risorsa di stampa da 2048px, tutte con una precisione al pixel.
- Il file PNG risultante mantiene la trasparenza: i loghi si adattano a qualsiasi sfondo.
- Risolve in pochi secondi i casi di rifiuto dei caricamenti con il messaggio "SVG non supportato".
- Conversione in batch, elaborazione locale, nessun caricamento.
- Gestisce i file SVG privi di larghezza/altezza esplicite leggendo il loro viewBox.
Come si usa
- Trascina i file .svg nell'area indicata oppure clicca per selezionarli.
- Scegli una larghezza di output — L'opzione "Auto" utilizza le dimensioni dichiarate nel file SVG.
- Scegli PNG (mantiene la trasparenza) o JPG (sfondo bianco).
- Scarica ogni immagine renderizzata; le dimensioni sono indicate per ciascun file.
Esempio
Input
logo.svg — 4 KB vectorRisultato
logo.png — 1024×1024, transparent background, crisp at every pixelUna sola minuscola sorgente vettoriale produce immagini raster perfette al pixel in qualsiasi dimensione desiderata.
Casi d'uso comuni
- Inserimento del logo aziendale (solitamente fornito in formato SVG da un grafico) in un documento Word o PowerPoint che non supporta l'incorporamento di file SVG.
- Generazione di icone per app o favicon in tutte le dimensioni in pixel richieste (16, 32, 180, 512 px) a partire da un unico file SVG di riferimento.
- Aggiungere un'icona alla firma di un'e-mail, dato che la maggior parte dei client di posta elettronica visualizza solo immagini raster.
- Caricare immagini su una piattaforma social o su un CMS che non accetta file SVG per motivi di sicurezza.
Perché esistono, in primo luogo, le restrizioni sul caricamento dei file SVG?
Molte piattaforme bloccano specificatamente il caricamento di file SVG per motivi di sicurezza, non per una svista: poiché l’SVG è basato su XML e può tecnicamente incorporare JavaScript, un file SVG dannoso può fungere da vettore per l’iniezione di script se una piattaforma lo visualizza senza averlo sottoposto a sanificazione. La rasterizzazione di un file SVG in formato PNG o JPG elimina tutto ciò che va oltre i dati dei pixel; questo è uno dei motivi per cui tale conversione è spesso necessaria, piuttosto che semplicemente comoda: la piattaforma di destinazione non è effettivamente in grado di accettare in modo sicuro il formato vettoriale, indipendentemente dal fatto che il file SVG in questione sia innocuo.
Come funziona effettivamente l'indipendenza dalla risoluzione
Un file SVG non memorizza affatto i pixel: memorizza definizioni matematiche dei tracciati (“traccia una linea da questo punto a quel punto”, “riempi questa curva con questo colore”) e un viewBox che definisce lo spazio coordinato in cui si trovano tali tracciati. Quando lo si rasterizza, il motore di rendering del browser ricalcola ogni curva e ogni riempimento alle dimensioni in pixel richieste, partendo da zero, ogni volta. Questo è fondamentalmente diverso dal ridimensionamento di un'immagine raster esistente (un JPG o un PNG), dove ingrandire significa inventare pixel che non c'erano mai stati e che inevitabilmente appaiono sfocati: un SVG renderizzato a 4000px è nitido esattamente quanto uno renderizzato a 100px, poiché entrambi vengono calcolati ex novo sulla base degli stessi identici calcoli matematici, non allungati da una sorgente più piccola.
Domande frequenti
Con quale risoluzione dovrei esportare il file?
Scegli la dimensione massima che intendi visualizzare, e aggiungi un po’ di margine: 512px coprono la maggior parte degli utilizzi dei loghi sul web, 1024px+ per i display Retina e le presentazioni, 2048px per la stampa. A differenza dell’upscaling delle foto, l’esportazione di file SVG di grandi dimensioni non comporta alcuna perdita di nitidezza.
Perché il mio file SVG viene visualizzato vuoto o distorto?
Di solito i riferimenti esterni: i file SVG che rimandano a immagini, font o fogli CSS esterni non riescono a caricarli all'interno dell'area di sicurezza del browser. I file SVG con contenuto incorporato (inline) vengono convertiti correttamente. Il testo potrebbe inoltre subire uno spostamento se utilizza un font non presente nel sistema.
Formato di output PNG o JPG: quale scegliere?
Quasi sempre PNG: i loghi e le icone richiedono trasparenza e contorni nitidi, caratteristiche che il formato PNG preserva mentre il JPG compromette. Scegliere il JPG solo quando il contesto lo richiede espressamente o quando l’SVG è un’illustrazione simile a una fotografia.
Posso riconvertire un file PNG in SVG qui?
No — si tratta di un'operazione fondamentalmente diversa (la trasformazione dei pixel in forme) che, nella migliore delle ipotesi, produce approssimazioni. Questo strumento converte da vettoriale a raster, il che garantisce un risultato esatto.
Il mio file SVG è stato caricato per la conversione?
No. Il browser visualizza il file SVG su un canvas locale e codifica il file PNG/JPG sul tuo dispositivo. Non viene trasmesso nulla.