SVG in Base64

Usa questo convertitore SVG in Base64 gratuito per trasformare qualsiasi immagine Scalable Vector Graphics in una stringa Base64 o in uno snippet di codice pronto all'uso. Seleziona un file .svg locale (o incolla il link a uno remoto), scegli il formato di output e premi Codifica SVG in Base64.

File SVG
Trascina qui il tuo file SVG o sceglilo

Come convertire SVG in Base64 online

  1. Scegli File locale e seleziona un file .svg, oppure scegli URL remoto e incolla un link.
  2. Seleziona il formato di output: Base64 semplice, data URI, tag HTML, CSS, JavaScript, JSON o XML.
  3. Fai clic su Codifica SVG in Base64. Il risultato appare subito con un'anteprima.
  4. Copia il risultato negli appunti o scaricalo come file .txt.

Informazioni su SVG (Scalable Vector Graphics)

SVG è un formato vettoriale basato su XML: le forme sono descritte con testo invece che con pixel, quindi l'immagine resta nitida a qualsiasi dimensione. È ideale per icone, loghi e illustrazioni.

Poiché SVG è già testo, puoi anche incorporarlo con codifica URL invece che in Base64, spesso con un risultato più piccolo. Base64 resta comunque la scelta più sicura quando il markup contiene virgolette o caratteri che romperebbero il tuo CSS o HTML.

Sviluppato2001, W3C
TipoVettoriale (testo XML)
TrasparenzaSì
AnimazioneSì (SMIL / CSS)
Inizia con<svg o <?xml

Formati di output

Scegli come incapsulare il risultato. Il convertitore può restituire:

  • txt: solo la stringa Base64, pronta da incollare nel codice, in un campo di database o in una richiesta API.
  • uri: un URI data: completo da incollare nella barra degli indirizzi del browser o da usare ovunque sia accettato un URL.
  • html img: un tag <img> con il data URI in src.
  • css background image: una regola CSS con background-image: url(data:...).
  • html favicon: un tag <link rel="icon"> per una favicon inline.
  • html hyperlink: un link <a> che scarica o apre il file incorporato.
  • html iframe: un <iframe> che mostra il contenuto inline.
  • javascript image: JavaScript che crea un oggetto Image.
  • javascript popup: JavaScript che apre il contenuto in una nuova finestra.
  • json: un oggetto JSON con nome del file, tipo MIME e dati.
  • xml: un elemento XML con i dati in una sezione CDATA.

È sicuro e quanto sarà grande il risultato?

Il tuo file non viene mai caricato: viene letto e convertito localmente dal browser tramite la File API, quindi anche i documenti riservati restano sul tuo dispositivo.

Base64 rappresenta ogni 3 byte con 4 caratteri, quindi il risultato codificato è circa il 33% più grande del file originale (più qualche byte per il padding e il prefisso del data URI).

Domande frequenti

Come converto SVG in Base64?

Seleziona il tuo file .svg qui sopra e fai clic su "Codifica SVG in Base64". Il convertitore legge il file nel browser e restituisce la stringa Base64 o un data URI pronto all'uso.

Con cosa inizia un SVG codificato in Base64?

Un file SVG codificato in Base64 di solito inizia con "PHN2Zy / PD94bWwg". Come data URI inizia con "data:image/svg+xml;base64,".

C'è un limite di dimensione dei file?

Non c'è un limite rigido perché la conversione avviene in locale, ma i file molto grandi producono stringhe molto lunghe. I file fino a circa 50 MB funzionano senza problemi nei browser moderni.

Come riconverto il Base64 in SVG?

Usa il decoder da Base64 a SVG: incolla la stringa e potrai visualizzare l'anteprima e scaricare il file .svg originale.

Strumenti e guide correlati

Commenti (0)

Domande, idee o un bug in “SVG in Base64”? Lascia un commento, valuta lo strumento o rispondi agli altri.

Ancora nessun commento. Sii il primo a lasciare un feedback!

Lascia un commento

Valuta questo strumento:
Esc
↑ ↓ sposta↵ apriEsc chiudi