it365

Da SVG a PNG

Converti rapidamente immagini SVG in PNG. Mantieni lo sfondo trasparente, regola i margini, ricolora gli elementi grafici, rimuovi gli spazi vuoti in eccesso ed esporta in batch.

Trascina qui i file per importare SVG
Supporta il trascinamento di file SVG singoli o multipli
Totale: {{ images.length }} {{ images.length === 1 ? 'immagine' : 'immagini' }}
Fai clic o trascina i file SVG qui
Supporta l'importazione multipla, rendering locale istantaneo, 100% privato senza upload su server
Formato di output:
Qualità: {{ Math.round(globalQuality * 100) }}%
#{{ idx + 1 }} .{{ globalFormat }}
Dimensioni tag: {{ img.specified.width || 'Non specificato' }} × {{ img.specified.height || 'Non specificato' }}
Dimensione in pixel: {{ img.absolute.width ? (img.absolute.width + 'px') : '-' }} × {{ img.absolute.height ? (img.absolute.height + 'px') : '-' }}
ViewBox: {{ img.viewBox.width ? (img.viewBox.x + ' ' + img.viewBox.y + ' ' + img.viewBox.width + ' ' + img.viewBox.height) : 'Nessuno' }}
Riquadro di delimitazione: {{ img.contents ? (Math.round(img.contents.width) + ' × ' + Math.round(img.contents.height)) : '-' }}
Modifica codice sorgente SVG (analizzato e renderizzato automaticamente alla modifica):
⚠️ {{ img.errorMessage }}
Dimensione di output (px):
×
Margine esterno:
px
Ritaglio aderente:
Modalità di adattamento:
Colore di sfondo:
Colore grafica:
{{ img.width }} × {{ img.height }} px

Come convertire SVG in PNG mantenendo lo sfondo trasparente?

Nello sviluppo front-end, nel design UI, nella creazione di illustrazioni e nel lavoro d'ufficio quotidiano, la grafica vettoriale SVG rappresenta il punto di riferimento per icone e loghi grazie alla scalabilità infinita, alla nitidezza impeccabile e alle dimensioni ridotte dei file. Tuttavia, per la pubblicazione sui social, la progettazione di diapositive, l'incorporamento in documenti o il supporto per applicazioni datate, le immagini raster PNG trasparenti universali sono spesso la scelta più affidabile. Questo articolo illustra i principi chiave, le procedure guidate e i suggerimenti utili per convertire correttamente SVG in PNG trasparente.

1. Meccanismi di trasparenza in SVG e PNG

Il formato SVG (Scalable Vector Graphics) è fondamentalmente un linguaggio di markup vettoriale basato su XML. Secondo le specifiche standard, l'area di disegno radice di SVG è trasparente per impostazione predefinita, a meno che il codice non disegni esplicitamente una forma di sfondo opaca (come <rect fill="#ffffff" ...>).

Al contrario, il PNG (Portable Network Graphics) è un formato bitmap raster che supporta colori RGBA a 32 bit con un canale di trasparenza Alpha a 8 bit che consente 256 livelli di morbida semitrasparenza. Nella conversione da SVG a PNG, la rasterizzazione tramite un Canvas HTML5 con supporto per il canale Alpha senza disegnare alcuno sfondo artificiale preserverà la reale trasparenza in modo impeccabile.

2. 5 passaggi per convertire SVG in PNG trasparente ad alta risoluzione

1
Importa file vettoriali SVG

Fai clic sul pulsante "Carica SVG" in alto o trascina uno o più file SVG sulla pagina. Il sistema analizza immediatamente attributi vettoriali e dimensioni nel browser, supportando sia file singoli che caricamenti multipli.

2
Lascia vuoto il colore di sfondo

Nella scheda di configurazione di ciascuna immagine, lasciare vuoto il campo "Colore di sfondo" garantisce la trasparenza completa. Usa la scacchiera o l'anteprima scura per verificare rapidamente i contorni della grafica e le aree trasparenti.

3
Imposta la risoluzione di output

Regola larghezza e altezza in base all'uso previsto (es. 512px, 1024px o 2048px per schermi Retina). Mantieni il blocco delle proporzioni per evitare distorsioni o ridimensionamenti asimmetrici.

4
Rimuovi gli spazi vuoti e regola i margini

Se il viewBox SVG originale contiene margini vuoti eccessivi, seleziona "Rimuovi spazi vuoti" per rilevare automaticamente il riquadro grafico e ritagliare a filo, oppure regola il "Margine esterno" per aggiungere spaziatura.

5
Esporta immagini PNG trasparenti

Fai clic su "Scarica PNG" per salvare il file raster trasparente ad alta fedeltà, oppure usa "Copia PNG" per incollarlo direttamente in Figma, Sketch, Photoshop o app di messaggistica; per più file, usa "Scarica ZIP".

3. Perché il PNG convertito presenta uno sfondo nero o bianco?

Durante la conversione di SVG con programmi tradizionali, gli utenti riscontrano spesso sfondi neri o bianchi imprevisti. Le cause più comuni e le relative soluzioni includono:

01
Selezione errata del formato

I formati JPEG/JPG non supportano il canale di trasparenza Alpha e convertono automaticamente i pixel trasparenti in bianco o nero uniforme. Scegli sempre il formato PNG o WebP per preservare la trasparenza.

02
Rettangolo di sfondo incorporato nell'SVG

Alcuni file vettoriali esportati da software di grafica contengono un rettangolo di sfondo sul livello inferiore (es. <rect width="100%" height="100%" fill="#fff"/>). Fai clic su "Sorgente" in questo strumento per ispezionarlo e rimuoverlo.

03
Visualizzazione dell'applicazione di visualizzazione

I visualizzatori di immagini predefiniti di alcuni sistemi operativi mostrano i file PNG trasparenti su uno sfondo nero o bianco. Apri l'immagine in un programma di grafica o nel browser per verificare la reale trasparenza.

4. Domande frequenti (FAQ)

L'immagine PNG convertita perde nitidezza se ingrandita?
Le immagini raster perdono nitidezza se ingrandite oltre la risoluzione in pixel impostata. Consigliamo di specificare direttamente la dimensione massima desiderata (es. 1024×1024 o 4096×4096) prima della conversione. Questo strumento esegue il rendering direttamente dal codice vettoriale originale garantendo massima nitidezza.
Posso convertire in blocco dozzine di icone SVG mantenendo la trasparenza?
Sì, certamente. Per impostazione predefinita, tutti i file importati mantengono lo sfondo trasparente. Abilitando la "Modifica sincronizzata in blocco", puoi standardizzare dimensioni, modalità di adattamento o margini per tutte le icone con un clic e scaricare un archivio ZIP combinato.
I miei file vettoriali vengono caricati su server esterni?
No, assolutamente. Tutte le elaborazioni di conversione avvengono interamente nel browser tramite Canvas HTML5 e Web API. La tua grafica vettoriale non viene mai inviata ad alcun server, assicurando privacy e sicurezza assolute dei dati.