Convertitore da SVG a PNG / JPG

Cosa fa questo convertitore

L'SVG è ottimo per loghi e icone perché si scala all'infinito senza sfocatura, ma molte piattaforme vogliono ancora un file raster piatto: invio di icone app, upload sui social, immagini incorporate nelle email, sfondi del sistema operativo. Questo strumento prende qualsiasi SVG — file o markup incollato — e lo rasterizza in PNG (con trasparenza opzionale) o JPG (con sfondo forzato) alla risoluzione che scegli. Scegli 1×, 2× o 4× la dimensione naturale dell'SVG, oppure imposta una larghezza personalizzata in pixel e l'altezza viene calcolata per preservare il rapporto. L'intera pipeline gira nel tuo browser tramite un elemento <canvas>: il tuo SVG non lascia mai questa scheda. Conta per asset di brand proprietari, design non rilasciati o qualsiasi file che non puoi consegnare a un servizio web casuale. L'anteprima si aggiorna live mentre cambi le impostazioni, così puoi vedere come sfondo e risoluzione influenzano l'immagine finale prima di cliccare scarica. C'è anche una modalità JPG per i casi in cui ti serve il file più piccolo possibile e non ti serve la trasparenza — schede social e miniature dense, soprattutto.

Come usarlo

1. Fornisci l'SVG — Trascina un file o incolla il markup. L'SVG deve includere un viewBox o gli attributi width/height; altrimenti il browser non sa quanto grande disegnarlo.
2. Scegli scala e formato — 1× corrisponde alla dimensione nominale dell'SVG. 2× è ottimo per gli schermi retina. 4× per la stampa. Personalizzata ti permette di puntare a una larghezza esatta in pixel, come 1200px per le immagini OG.
3. Imposta lo sfondo — Trasparente funziona solo per PNG. JPG ha bisogno di uno sfondo solido — il bianco è il default sicuro, ma scegli qualunque cosa si abbini all'opera.
4. Scarica — Premi scarica. Il PNG viene generato in locale e salvato con un nome di file sensato — niente round-trip al server.

Cosa succede sotto il cofano

Codifichiamo in base64 il markup SVG in un URL data:image/svg+xml;base64 e lo assegniamo a un HTMLImageElement. Una volta che il browser ha analizzato e composto l'SVG, lo disegniamo su un canvas dimensionato alla risoluzione scelta — il browser si occupa della rasterizzazione, quindi il risultato corrisponde a ciò che Chrome o Safari renderizzerebbero nativamente. Il canvas viene poi codificato in PNG (lossless) o JPG (lossy, qualità 92). Larghezza e altezza derivano dal viewBox dell'SVG o dagli attributi espliciti; il rapporto d'aspetto è sempre preservato.

Quando scegliere PNG vs JPG

Usa PNG per loghi, icone e qualsiasi opera con bordi nitidi o testo — la compressione lossless mantiene le linee nitide e puoi conservare la trasparenza. Usa JPG solo per SVG simili a foto o casi in cui ti serve il file più piccolo possibile e uno sfondo solido è accettabile. La compressione a blocchi del JPG rovina le linee sottili e penalizza il contrasto su regioni a colori piatti, quindi raramente è la scelta giusta per la grafica vettoriale.

Domande frequenti