Immagine in Base64
Trasforma un’immagine in una stringa Base64 da incollare direttamente in HTML, CSS, JSON o in un modello di email.
oppure trascinalo qui · fino a 50 MB, gratis
File più grandi? Con Pro converti file fino a 500 MBOltre i limiti gratuiti: potrai sbloccare il download da 1,99 €.
Elaborazione in corso…
Il tuo file è pronto
Gratis · Senza registrazione · Senza filigrana · I tuoi file non lasciano mai il dispositivo
Immagine in Base64 in 3 passaggi
- Seleziona l’immagine o trascinala nel riquadro.
- Scegli il risultato: data URI, solo Base64, CSS o tag HTML.
- Fai clic su Converti in Base64, poi copia il codice o scaricalo come file .txt.
Quando incorporare un’immagine in Base64
Il Base64 scrive i byte di un file come testo semplice, così un’immagine può stare dentro una pagina HTML, un foglio di stile, un JSON o una firma email invece di essere un file separato. Per icone e loghi piccoli si risparmia una richiesta, ed è l’unico modo per inviare un’immagine attraverso alcune API e campi di modulo che accettano solo testo.
Il prezzo è il peso: il testo Base64 è circa un terzo più grande dell’immagine e non può essere messo in cache da solo. Usalo per immagini di pochi kilobyte e lascia le foto come file normali. Per avere il codice più corto, comprimi prima l’immagine, oppure usa l’SVG per loghi e icone, che restano anche nitidi a qualsiasi dimensione.
Domande frequenti
Come convertire un’immagine in Base64?
Seleziona qui un’immagine, scegli il formato del risultato e fai clic su Converti in Base64. Il codice compare in un riquadro con il pulsante Copia, e puoi anche scaricarlo come file .txt. Funziona con immagini JPG, PNG, GIF, WebP, SVG, AVIF, BMP e ICO.
Cos’è una data URI?
Una data URI è il testo Base64 preceduto da un breve prefisso che indica al browser il tipo di file, come data:image/png;base64, seguito dal codice. Puoi usarla ovunque sia previsto l’URL di un’immagine, per esempio nel src di un tag img o in url() nel CSS.
Come si usa il Base64 in HTML o CSS?
Scegli "Tag HTML <img>" per ottenere un elemento img già pronto, oppure "CSS background-image" per ottenere una riga da incollare in una regola di stile. Entrambi contengono la data URI completa, quindi l’immagine si vede senza un file separato.
Perché il Base64 è più grande dell’immagine?
Il Base64 usa 4 caratteri di testo ogni 3 byte, quindi il codice è circa il 33% più grande del file. Per le icone piccole non è un problema, ma con le foto il peso cresce in fretta. Se il codice è troppo lungo, comprimi o ridimensiona prima l’immagine.
La mia immagine viene caricata su un server?
No. L’immagine viene letta e codificata nel tuo browser, sul tuo dispositivo, quindi non viene mai inviata a noi né salvata da nessuna parte. Una volta caricata la pagina, lo strumento continua a funzionare anche senza connessione a internet.