Sviluppatore / Analisi SVG

Visualizzatore SVG: controlla, ridimensiona e copia gli SVG

Visualizza il codice SVG localmente con controlli per zoom e sfondo. Controlla dimensioni e colori, modifica larghezza e altezza, correggi il viewBox e scarica o copia un data URI.

Visualizzatore SVG: controlla, ridimensiona e copia gli SVG: Legge dimensioni SVG, viewBox, conteggio degli elementi, dimensione in byte e uso esplicito dei colori. Dopo averlo ripulito, modifica solo gli attributi di dimensionamento dell'elemento radice richiesti. Se manca un viewBox, può ricavarlo dalle dimensioni originali; la modalità responsive mantiene il viewBox e rimuove gli attributi width e height. Funziona al 100% localmente nel browser, senza caricare file sul server.

Categoria
Strumenti per sviluppatori
Esecuzioni
Nel browser
Costo
Gratuito · senza registrazione
Disponibilità
Pronto all'uso
Visualizzatore e ridimensionatore SVGElaborazione locale

Funziona interamente nel browser

Scegli o trascina un SVG

Viewport SVG e viewBox

Il viewBox è composto da quattro numeri: x minimo, y minimo, larghezza e altezza. La larghezza e l'altezza devono essere positive. Specifica: https://www.w3.org/TR/SVG2/coords.html

Dimensioni e anteprime locali

Le lunghezze assolute vengono convertite usando 96 pixel CSS per pollice. Lo zoom e lo sfondo dell'anteprima non modificano il markup esportato. Regole di elaborazione delle immagini SVG: https://www.w3.org/TR/SVG2/conform.html

Come usarlo

  1. Trascina un SVG o incolla il codice per visualizzare un'anteprima ripulita.
  2. Imposta le dimensioni con il blocco opzionale delle proporzioni, modifica il viewBox oppure rimuovi le dimensioni per l'uso responsive.
  3. Scarica l'SVG, copia il codice oppure copia un data URI codificato.

Privacy e limitazioni

L'SVG viene elaborato localmente e visualizzato come immagine isolata. Script, gestori di eventi e risorse esterne vengono rimossi.

Strumenti correlati

SVG a PNGPulizia SVGEditor SVG

Domande frequenti

Cambiare il viewBox modifica la grafica?

Modifica l'area delle coordinate visibile. Usa il viewBox esistente se vuoi cambiare solo le dimensioni di visualizzazione; un viewBox diverso può ritagliare o spostare il disegno visibile.

Cosa succede quando mancano le dimensioni?

Il visualizzatore usa le dimensioni del viewBox, poi ricorre a un valore predefinito di 300 × 150 pixel. Le lunghezze fisiche assolute usano 96 pixel per pollice; per risolvere con precisione le lunghezze relative serve una pagina contenitore.

Perché la modalità responsive rimuove width e height?

Un viewBox conserva il sistema di coordinate, mentre il layout circostante controlla le dimensioni di visualizzazione.

Posso copiare un data URI?

Sì. Il data URI contiene l'SVG di output ripulito con codifica URI.

Strumento gratuito · nel browser esecuzioni · senza account