Converti file SVG vettoriali in immagini PNG raster di alta qualità. Personalizza facilmente la scala di output e il colore di sfondo nel tuo browser.
Supporta fino a 50 MB
SVG (Scalable Vector Graphics) descrive le immagini come un insieme di primitive geometriche (percorsi, forme, testo, gradienti) che si adattano a qualsiasi dimensione senza perdita di qualità. PNG memorizza una singola griglia di pixel rettangolare con una risoluzione fissa. La conversione da SVG a PNG è una fase di rasterizzazione: le istruzioni di disegno di SVG vengono valutate con una dimensione in pixel scelta e la bitmap risultante viene codificata come PNG. L'output appare nitido alla dimensione specificata ma risulta pixelato se ingrandito.
Questo convertitore esegue il rendering di SVG utilizzando il motore SVG integrato nel browser. L'SVG viene caricato in un elemento Immagine, disegnato su una tela HTML5 con le dimensioni di output scelte ed esportato come PNG tramite canvas.toBlob. Poiché il browser esegue la rasterizzazione, le complesse funzionalità SVG (sfumature, filtri, maschere, animazioni come frame statici) vengono visualizzate nello stesso modo in cui lo farebbero su una pagina Web reale.
La decisione più importante nella conversione da SVG a PNG è la dimensione target. SVG è indipendente dalla risoluzione, quindi scegliere una dimensione PNG che corrisponda all'utilizzo effettivo evita il provisioning eccessivo (file enormi per icone di dimensioni ridotte) e il provisioning insufficiente (output sfocato se ingrandito successivamente). Obiettivi comuni: 32×32 o 64×64 per le icone, 256×256 o 512×512 per i loghi, 1024×1024 per la grafica degli eroi, 2048×2048 per le risorse di qualità Retina.
SVG è meraviglioso per il web e gli strumenti di progettazione moderni, ma terribile per molti altri contesti. I client di posta elettronica rendono SVG in modo incoerente; alcuni lo bloccano come rischio per la sicurezza. I vecchi software per ufficio, alcuni CMS, servizi di terze parti e quasi tutte le pipeline di stampa fotografica non accettano affatto SVG. La conversione in PNG produce un raster universalmente accettato che sembra identico alla dimensione scelta.
PNG inoltre si integra in modo affidabile nei documenti Office, nelle presentazioni e nei PDF senza dipendere dal renderer SVG del destinatario. Per i loghi e la grafica che devono apparire in modo coerente su molte piattaforme, PNG è la scelta più sicura, anche se perde l'indipendenza dalla risoluzione che rende SVG attraente in primo luogo.
Scegli la dimensione target, esegui il rendering. Il browser esegue la rasterizzazione.
SVG (raccomandazione W3C) è un formato vettoriale basato su XML con elementi per tracciati, forme base (rettangolo, cerchio, ellisse, linea, poligono, polilinea), testo, gradienti (linearGradient, radialGradient), filtri, maschere e tracciati di ritaglio. Il browser analizza l'XML, crea un DOM, applica i CSS e rasterizza il risultato durante il rendering della pagina.
Questo convertitore carica l'SVG in un HTMLImageElement (che attiva il normale percorso di rendering SVG come immagine del browser), quindi lo disegna su una tela tramite drawImage. La tela viene esportata come PNG utilizzando canvas.toBlob('image/png'). I pixel esatti nell'output corrispondono a ciò che SVG visualizzerebbe alla stessa dimensione in una scheda del browser.
Casi limite: SVG che utilizza foreignObject non è sempre supportato se utilizzato tramite l'elemento Image. SVG che fa riferimento a risorse esterne (xlink:href a un dominio diverso) potrebbe non riuscire a caricarsi a causa di CORS. Le animazioni SMIL e le animazioni guidate da JavaScript vengono visualizzate solo come fotogramma iniziale.