Immagine in Base64
Converti immagini in Data URI Base64 istantaneamente
Input
Clicca per caricare l'immagine
JPG, PNG, GIF, WebP, SVG (Max 5MB)Output
Esempi: Immagine in Base64
Carica un'immagine per ottenere un Data URI. Il formato è data:image/<type>;base64,<base64-string>. Esempio di un PNG minimale 1×1 pixel:
Esempio output Data URI
Carica un'immagine sopra per generare il tuo Data URI.
Cos'è Immagine in Base64?
Immagine in Base64 converte file immagine in Data URI codificati in Base64. Base64 è definito dall'RFC 4648 e consente la rappresentazione di dati binari come testo ASCII. I Data URI permettono di incorporare immagini direttamente in HTML, CSS o JSON senza file separati.
Questo strumento usa l'API FileReader per leggere l'immagine e la converte in Base64. L'elaborazione avviene interamente nel browser. Per decodificare Base64 in immagine usa Base64 → Immagine.
Come Usare Questo Strumento
Carica l'Immagine
Clicca sull'area di caricamento o usa Carica per selezionare un file immagine. Formati supportati: JPG, PNG, GIF, WebP, SVG (max 5MB).
Ottieni l'Output Base64
Il pannello destro si aggiorna automaticamente con il Data URI completo. Puoi copiarlo e incollarlo direttamente in HTML <img src="..."> o CSS background-image: url(...).
Copia o Scarica
Usa Copia per copiare il Data URI negli appunti o Scarica per salvarlo come file .txt. Per codificare qualsiasi file (non solo immagini) in Base64, usa il Codificatore Base64. Per visualizzare un'immagine Base64, usa Base64 → Immagine.
Come Funziona
Lo strumento legge l'immagine con FileReader.readAsDataURL() che restituisce un Data URI. La codifica Base64 aumenta la dimensione di circa il 33%.
HTML: <img src="data:image/png;base64,...">. CSS: background-image: url(...).
Quando Immagine in Base64 È Utile
Gli sviluppatori web usano immagini Base64 per le icone piccole. L'HTML delle email spesso incorpora immagini in Base64.
Le SPA a volte raggruppano immagini piccole come Base64. Per decodificare un'immagine Base64, usa Base64 → Immagine. Per codificare qualsiasi file, usa il Codificatore Base64. Per la decodifica Base64 generale, usa il Decodificatore Base64.
Domande Frequenti
I miei dati sono al sicuro?
Sì. La conversione avviene interamente nel browser.
Qual è il limite di dimensione?
Lo strumento limita i caricamenti a 5MB.
Posso usare l'output in HTML/CSS?
Sì. L'output è un Data URI pronto da usare in img o background-image.
Supporta SVG?
Sì. SVG è supportato. Per decodificare Base64 in SVG usa il Decodificatore Base64.
Perché usare Base64 invece di un normale URL immagine?
Base64 incorpora l'immagine nel documento, eliminando le richieste HTTP aggiuntive.
Strumenti Correlati
Specifica: RFC 4648.