Immagine in Base64
Converti un'immagine in un data URI Base64 per incorporarla direttamente nel CSS o nell'HTML — oppure incolla il Base64 per trasformarlo di nuovo in un'immagine scaricabile. Tutto funziona nel tuo browser.
Convertire nell'altro senso
Devi passare dal Base64 a un'immagine? Usa la pagina dedicata:
Come convertire un'immagine in Base64
- Trascina un'immagine (oppure passa a Base64 → Immagine e incolla il Base64).
- Copia il data URI Base64 — attiva o disattiva il prefisso data:.
- Incollalo nel tuo CSS o HTML, oppure decodificalo di nuovo in un'immagine.
Informazioni sulla codifica delle immagini in Base64
Codificare un'immagine in Base64 la trasforma in una stringa di testo che puoi incorporare direttamente in uno sfondo CSS, in un tag img HTML o in un payload JSON — senza bisogno di una richiesta separata per il file. È comodo per piccole icone, immagini inline nelle email e data URI, anche se rende i dati circa il 33% più grandi, quindi è ideale per file di piccole dimensioni.
Questa conversione funziona in entrambe le direzioni interamente nel tuo browser: trascina un'immagine per ottenere il suo data URI, oppure incolla un data URI / una stringa Base64 per vedere l'anteprima e scaricare l'immagine. Non viene caricato nulla, quindi le immagini private restano sul tuo dispositivo.
Le dimensioni non sono l’unico aspetto da considerare quando si utilizza l’inserimento diretto. Un’immagine in formato Base64 fa parte del documento in cui è contenuta, quindi il browser non può memorizzarla nella cache separatamente, caricarla in modo differito o riutilizzarla su più pagine, come può fare con un normale file immagine: basta modificare un singolo byte della pagina e l’intero contenuto viene scaricato di nuovo. Anche il supporto presenta dei limiti: alcuni client di posta elettronica, in particolare Outlook, si rifiutano di visualizzare le immagini in formato Data URI.
Vi imbatterete in immagini in formato Base64 in molti più contesti rispetto al codice CSS scritto a mano. Le applicazioni di disegno su tela esportano i risultati tramite `toDataURL`, i widget per gli screenshot e le firme salvano i loro output come URI di dati, le API restituiscono le immagini generate come campi Base64 in formato JSON e le esportazioni HTML in un unico file incorporano ogni elemento grafico direttamente nel codice. Quando una di queste stringhe vi capita tra le mani – in un registro, in una colonna di un database o nel codice sorgente di una pagina – decodificarla per ottenere il file originale è solitamente il modo più rapido per capire cosa contiene.
Domande frequenti
Cos'è un data URI?
Un data URI incorpora i byte di un file direttamente in un URL come Base64, ad esempio data:image/png;base64,… — puoi usarlo come sorgente di un'immagine o come sfondo CSS senza un file separato.
Perché il Base64 è più grande del file?
Il Base64 rappresenta 3 byte con 4 caratteri ASCII, quindi il testo è circa il 33% più grande dell'immagine originale. È ideale per file di piccole dimensioni come le icone.
Posso riconvertire il Base64 in un'immagine?
Sì. Passa a Base64 → Immagine, incolla un data URI o un Base64 grezzo e visualizza l'anteprima e scarica l'immagine decodificata.
La mia immagine viene caricata?
No. Entrambe le direzioni funzionano interamente nel tuo browser, quindi la tua immagine o il Base64 non lasciano mai il tuo dispositivo.
La codifica Base64 modifica o comprime la mia immagine?
No. Base64 è una rappresentazione alternativa dei byte esatti del file, ottenuta utilizzando 64 caratteri ASCII sicuri; non viene eseguita alcuna compressione, ridimensionamento o ricodifica, e la decodifica restituisce un file identico all’originale. La qualità rimane inalterata perché i pixel non vengono mai modificati. Se è necessario ottenere una stringa più corta, è necessario comprimere o ridimensionare l’immagine prima di codificarla; Base64 di per sé non ridurrà mai le dimensioni del file.