Da SVG a PNG
Trasforma un SVG statico supportato in un PNG con dimensioni esplicite in pixel e sfondo trasparente o a tinta unita. Converti localmente, controlla il risultato e scarica la stessa immagine verificata.
Crea un PNG da un’immagine vettoriale
- Scegli un file SVG o incolla il suo markup UTF-8. L’origine viene controllata prima di raggiungere il motore di rendering.
- Usa l’area di visualizzazione rilevata o definisci una tela, quindi scegli Originale, Larghezza o Altezza e lo sfondo di output.
- Seleziona Converti in PNG, controlla il risultato e scaricalo. La modifica dell’origine o di un’impostazione invalida l’immagine precedente.
Capire la tela e i pixel
La viewBox di un SVG descrive un rettangolo di coordinate, non una dimensione universale in pixel. Il convertitore usa le dimensioni esplicite dell’elemento radice quando sono disponibili e, in loro assenza, la convenzione documentata per la viewBox.
Un’area di visualizzazione personalizzata definisce la tela di origine. Scegliendo larghezza o altezza di output, l’altro asse in pixel viene calcolato da quella tela; l’arrotondamento finale a un intero può modificare leggermente le proporzioni.
Il PNG supporta la trasparenza. La scacchiera dell’anteprima non fa parte del file. Uno sfondo a tinta unita sostituisce intenzionalmente le aree trasparenti con il colore opaco scelto.
Il testo viene renderizzato con i font regolari inclusi. Famiglie, spessori, spaziature o sistemi di scrittura richiesti possono apparire diversi o avere glifi mancanti. Per una tipografia esatta, converti il testo in tracciati prima della conversione.
Esempi di dimensioni
Una viewBox 10 20 400 200 senza dimensioni della radice usa una tela di origine di 400 × 200. Scegliendo una larghezza di 1200 si ottiene un PNG di 1200 × 600; l’origine non nulla della viewBox resta significativa.
Con una viewBox di 100 × 50 e la sola larghezza 200 specificata, lo strumento ricava un’altezza di 100. È una convenzione dello strumento, non una promessa che ogni motore autonomo risolva allo stesso modo un asse mancante.
Una tela di origine di 3 × 2 adattata a larghezza 10 richiede un’altezza intera di 7. Geometria frazionaria e antialiasing vengono comunque renderizzati dal motore fissato, non ricostruiti dalla formula delle dimensioni.
Un profilo statico supportato, non tutti gli SVG
Il profilo comprende tracciati e forme comuni, gruppi, testo, stili, gradienti, riutilizzo locale, ritagli, maschere, marcatori e immagini PNG o JPEG incorporate e verificate. Le funzioni non supportate vengono rifiutate invece di produrre un risultato incompleto senza avviso.
Filtri, pattern, animazioni, script, elementi HTML foreignObject, risorse esterne e immagini SVG annidate sono esclusi da questa versione. Alcune immagini esportate, soprattutto con effetti o ombre, richiedono quindi una preparazione altrove.
L’origine è limitata a 4 MiB, ogni asse di output a 8192 pixel e l’immagine completa a 8.388.608 pixel. Si applicano anche limiti di struttura, immagini incorporate, espansione, superfici intermedie e tempo. Una sorgente piccola non garantisce un rendering leggero.
Lo strumento non garantisce un rendering identico a quello del browser, font originali, profili colore ICC, metadati DPI di stampa, copertura Unicode arbitraria o conservazione dei metadati di origine. Qui i DPI fissano la conversione delle unità fisiche, non i metadati di stampa del PNG.
Viene convertito un documento alla volta. L’SVG originale non viene modificato, caricato, mostrato come markup eseguibile o sostituito da un SVG riscritto da scaricare. Non sono previsti ZIP in serie, editor SVG o rapporti di compressione garantiti.
Conversione locale con risorse definite
La conversione usa worker locali e risorse fisse del motore e dei font della stessa origine. Lo strumento non carica gli SVG, le immagini o il contenuto dei file forniti, non li salva nella cronologia e non li inserisce in URL di condivisione. Le risorse di rete indicate dall’origine vengono rifiutate. Questa promessa descrive il flusso dei dati dello strumento; non è una certificazione universale della sicurezza del browser.
Domande sulla conversione da SVG a PNG
Fonti
Questi riferimenti descrivono i formati di input e le versioni fisse usate dal profilo di conversione; non certificano ogni SVG o il suo rendering.
- W3Cw3.orgW3C: Scalable Vector Graphics 1.1
- W3Cw3.orgW3C: sistemi di coordinate e aree di disegno SVG
- W3Cw3.orgW3C: collegamenti e riferimenti alle risorse SVG
- W3Cw3.orgW3C: Extensible Markup Language 1.0
- W3Cw3.orgW3C: sintassi CSS
- W3Cw3.orgW3C: specifica PNG
- registry.npmjs.orgPacchetto resvg-wasm 2.6.2
- raw.githubusercontent.comCodice sorgente fissato dell’interfaccia resvg
- raw.githubusercontent.comMotore fissato: funzionalità non supportate documentate
- registry.npmjs.orgPacchetto saxes 6.0.0
- registry.npmjs.orgPacchetto CSS Tree 3.1.0
Riferimenti del profilo verificati il 9 novembre 2026. Il sottoinsieme ammesso è più limitato del motore; font inclusi, glifi mancanti e interpretazione del colore possono modificare il risultato.
Strumenti correlati
Generatore di filtri CSS
Ordina e ripeti gli effetti CSS, confronta un campione e copia la dichiarazione esatta.
Apri strumento — Generatore di filtri CSSCalcolatore della dimensione fluida del testo
Definisci la dimensione del testo per due larghezze del viewport. Copia il CSS relativo alla radice e osserva il modello calcolato con gli stessi coefficienti esportati.
Apri strumento — Calcolatore della dimensione fluida del testoGeneratore di pulsanti CSS
Personalizza gli stati di un pulsante nativo, verifica il focus e copia HTML e CSS.
Apri strumento — Generatore di pulsanti CSSGeneratore CSS border-radius
Modifica otto raggi, visualizza il riquadro e copia il CSS in pixel o percentuale.
Apri strumento — Generatore CSS border-radiusGeneratore CSS Grid
Crea un esempio CSS Grid con tracce, posizioni e aree con nome. Visualizza l’anteprima, copia CSS o HTML e scarica l’esempio completo.
Apri strumento — Generatore CSS GridGeneratore CSS Flexbox
Crea un esempio Flexbox con controlli di contenitori ed elementi, assi di layout espliciti, CSS e HTML corrispondenti e download locale di un esempio completo.
Apri strumento — Generatore CSS FlexboxGeneratore CSS di ombre del testo
Crea ombre del testo ordinate, visualizza testo semplice e copia il CSS esatto.
Apri strumento — Generatore CSS di ombre del testoGeneratore di trasformazioni CSS
Componi trasformazioni 2D CSS ripetibili, modifica px o la traslazione e l'origine percentuale, ispeziona una casella di riferimento e copia le esatte dichiarazioni attuali.
Apri strumento — Generatore di trasformazioni CSSGeneratore di ombre CSS
Crea livelli box-shadow ordinati, visualizza l’anteprima e copia il codice CSS.
Apri strumento — Generatore di ombre CSSFiligrana per immagini
Aggiungi testo o un logo alle immagini, controlla i risultati e scarica i singoli file o uno ZIP.
Apri strumento — Filigrana per immaginiGeneratore di gradienti CSS
Crea gradienti lineari o radiali regolando colori, opacità e punti.
Apri strumento — Generatore di gradienti CSSConvertitore colori
Converti valori sRGB HEX, RGB e HSL supportati con alfa e precisione esplicita.
Apri strumento — Convertitore coloriImmagine in testo (OCR)
Riconosci testo stampato in PNG o JPEG locali, scegli la lingua e controlla o correggi il risultato prima di copiarlo o scaricarlo.
Apri strumento — Immagine in testo (OCR)Lettore di codici QR da immagine
Leggi un codice QR da un PNG o JPEG locale ed esamina testo o byte senza aprire link.
Apri strumento — Lettore di codici QR da immagineVerifica contrasto colori
Confronta i colori di primo piano e sfondo, regola l’opacità e verifica le soglie numeriche WCAG per testo e dettagli essenziali dell’interfaccia.
Apri strumento — Verifica contrasto coloriCalcolatore dimensioni di stampa e risoluzione
Calcola le dimensioni di stampa, i pixel necessari e i PPI effettivi con bordi o ritaglio.
Apri strumento — Calcolatore dimensioni di stampa e risoluzioneCalcolatore del rapporto d’aspetto
Trova il rapporto tra larghezza e altezza o nuove dimensioni in pixel impostando un solo lato.
Apri strumento — Calcolatore del rapporto d’aspettoCompressore immagini
Prova ad adattare un JPEG, PNG o WebP a una dimensione file desiderata, con risultati misurati e dimensioni riducibili.
Apri strumento — Compressore immaginiHEIC in JPG
Converti localmente le foto HEIC supportate in JPG a piena risoluzione, scegli qualità e sfondo e scarica i risultati verificati singolarmente o in ZIP.
Apri strumento — HEIC in JPGConvertitore di immagini
Converti immagini PNG, JPEG e WebP in locale, imposta trasparenza, sfondo e qualità e scarica i risultati.
Apri strumento — Convertitore di immaginiCrea collage di foto
Disponi le foto locali in una griglia e scarica un PNG o JPEG.
Apri strumento — Crea collage di fotoRuotare e riflettere immagini
Ruota o rifletti un gruppo locale di immagini statiche PNG, JPEG e WebP, poi controlla e scarica i risultati elaborati.
Apri strumento — Ruotare e riflettere immaginiRitagliare immagini
Ritaglia un JPEG, PNG o WebP locale con precisione in pixel e scarica il risultato in PNG o JPEG.
Apri strumento — Ritagliare immaginiRidimensionare immagini
Ridimensiona JPG, PNG o WebP in pixel o percentuale, controlla l’anteprima e scarica il risultato.
Apri strumento — Ridimensionare immagini