Codificatore SVG in Base64

Converti immagini vettoriali SVG in formato Base64, con supporto per l'elaborazione in batch, utilizzabili direttamente in HTML e CSS

Segnala bug

Modalità di esecuzione nel browser: I tuoi dati vengono elaborati nel browser e non caricati sul server.

Velocità e stabilità: La velocità di elaborazione dipende dal dispositivo e dal browser. Per grandi batch, la versione desktop può essere più stabile.

Caricamento strumento, attendi...

Se lo strumento online non si carica o non funziona, prova lo strumento desktop. https://tools.yikeaigc.com/

Uso dello strumento

Torna alla vecchia versione

Imposta prima i parametri, poi importa SVG; al passo 3 converti e scarica. Per i file in batch vengono mostrate solo le prime 20 anteprime; l’elaborazione coprirà l’intera coda.

1Parametri output

Conferma prima il tipo di codice output e il nome file, poi passa all’importazione.

Formato output

A capo testo lungo

Nome file ZIP

Testo alt del tag img

Selettore CSS

Dimensione anteprima

Aggiungi automaticamente se manca xmlns
Migliora la compatibilità nel caricamento di SVG come risorsa immagine. Rimuovi dichiarazione XML
Riduce le dimensioni dell’output ed evita alcuni problemi di parsing dei template. Compressione base del testo SVG
Rimuove commenti e spazi tra tag senza modificare la struttura grafica. Mostra anteprima risultati
Anteprima come immagine dopo la conversione, per evitare l’esecuzione diretta del contenuto SVG.

Si consiglia di impostare prima il formato di output, poi elaborare i file.

2Importa contenuto

Puoi scegliere file SVG o incollare un singolo codice SVG. I file non saranno caricati sul server.

Fai clic per scegliere file SVG o trascinali qui Supporta selezione singola o multipla di file .svg; l’interfaccia mostra solo i primi 20 per verifica.

Codice SVG

3Importa anteprima

Importa prima il contenuto SVG.

4Converti e scarica

Dopo l’elaborazione puoi copiare il risultato, scaricare un singolo file o comprimere i risultati in ZIP.

Da elaborare0

Successo0

Non riusciti0

Dimensione risultati0 KB

Verifica che i primi due passaggi siano completati, poi fai clic su Avvia conversione.

5Anteprima risultati e azioni singole

I risultati verranno mostrati qui dopo la conversione.

Istruzioni

Istruzioni per l'uso del software

Imposta i parametri di conversione: scegli prima il formato di output; puoi generare Data URI, stringa Base64 pura, tag HTML img, proprietà CSS background o codice per icona CSS mask.
Configura le opzioni di elaborazione:
- A capo per testi lunghi: puoi scegliere di non andare a capo oppure di andare a capo ogni 76, 120 o 160 caratteri.
- Aggiunta automatica di xmlns: quando il nodo radice SVG non contiene l'attributo xmlns, lo aggiunge automaticamente per facilitarne la visualizzazione come risorsa immagine.
- Rimuovi dichiarazione XML: elimina la dichiarazione XML all'inizio dell'SVG per ridurre le anomalie di parsing dei template.
- Compressione di base: rimuove commenti e spazi tra i tag per accorciare il contenuto di output.
Importa contenuto SVG: puoi selezionare uno o più file SVG oppure passare alla modalità di incolla del codice sorgente per inserire direttamente il codice SVG. Per i file in batch vengono mostrati solo i primi 20 per la verifica; gli altri file verranno elaborati insieme.
Usa dati di esempio: fai clic su “Carica SVG di esempio” o “Inserisci codice sorgente di esempio” per visualizzare rapidamente l'effetto della conversione.
Avvia conversione: dopo essere entrato nel passaggio “Conversione e download”, fai clic su “Avvia conversione”; lo strumento genererà il relativo Base64 o codice incorporabile.
Copia e download: al termine della conversione puoi copiare un singolo risultato, scaricare un singolo file di testo, copiare tutti i risultati, scaricare un TXT riepilogativo; i risultati in batch possono essere scaricati come pacchetto ZIP.
Salva impostazioni: puoi salvare i formati di output usati di frequente, il nome del file ZIP, il testo alt, il selettore CSS e le opzioni di elaborazione, per continuare a usarli alla prossima apertura.

Domande frequenti

R: Puoi convertire icone SVG o immagini vettoriali in formato testo e incorporarle in HTML, CSS, file di configurazione o pagine a file singolo, riducendo i riferimenti a risorse indipendenti.

R: Data URI include il prefisso data:image/svg+xml;base64, e può essere usato direttamente come indirizzo immagine; Base64 puro contiene solo il corpo codificato ed è adatto agli scenari in cui il programma aggiunge autonomamente il prefisso.

R: Può essere usato nel tag img di HTML, nella proprietà background-image di CSS, nelle icone CSS mask, nelle configurazioni di stile, negli esempi di componenti o negli snippet di codice della documentazione.

R: Quando in alcuni SVG manca xmlns, il caricamento come immagine Data URI potrebbe visualizzarsi in modo anomalo. Aggiungere xmlns="http://www.w3.org/2000/svg" aiuta a migliorare la compatibilità.

R: No. Base64 cambia solo il modo in cui i dati vengono rappresentati, non modifica il contenuto vettoriale dell’SVG, che mantiene le sue caratteristiche vettoriali anche durante il ridimensionamento.

R: I file risultanti manterranno il nome principale del file SVG originale e genereranno file txt, css o html in base al formato di output; in caso di nomi duplicati, verrà aggiunto automaticamente un numero per distinguerli.

R: Le cause comuni includono codice SVG incompleto, riferimenti a risorse esterne, tag non standard o dipendenze dagli stili. Si consiglia di riesportare prima un SVG conforme dal software di progettazione, quindi procedere con la conversione.