Immagine in Base64
Trascina qualsiasi immagine in questo convertitore da immagine a Base64 per ottenere un data URI e snippet pronti da incollare per HTML, CSS e JavaScript. Le immagini inline fanno risparmiare richieste HTTP per le icone piccole e sono essenziali per HTML a file singolo, template e-mail e app offline.
Come convertire Immagine in Base64 online
- Seleziona un file immagine o incolla l'URL di un'immagine.
- Scegli l'output: data URI,
<img>, sfondo CSS, favicon, JSON e altro. - Fai clic su Codifica immagine in Base64.
- Visualizza l'anteprima dell'immagine e copia il codice.
Altri convertitori Immagine in Base64
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 insrc. - 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.
Quando conviene inserire le immagini inline in Base64?
Inserisci inline le immagini piccole (sotto circa 5–10 KB) come icone, loghi e segnaposto per risparmiare richieste. Evita di inserire inline foto grandi: appesantiscono HTML/CSS, non possono essere messe in cache separatamente e ritardano il rendering. Per un approfondimento leggi i data URI spiegati.
Domande frequenti
Come converto un'immagine in Base64?
Scegli la tua immagine, seleziona "Data URI" o "<img>" come output e fai clic su "Codifica immagine in Base64". Copia il risultato nel tuo HTML o CSS.
Quali formati di immagine sono supportati?
Qualsiasi formato leggibile dal tuo browser: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF e altri.
Come uso un'immagine Base64 in HTML?
Inserisci il data URI nell'attributo src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Commenti (0)
Domande, idee o un bug in “Immagine in Base64”? Lascia un commento, valuta lo strumento o rispondi agli altri.
Ancora nessun commento. Sii il primo a lasciare un feedback!