Convertitore da immagine a Base64

Base64 scrive dati binari, per esempio un file JPG o PNG, come una stringa di normali caratteri di testo. Ogni tre byte del file diventano quattro caratteri di un alfabeto di 64: lettere maiuscole e minuscole, cifre, il segno più e la barra[1]. Un’immagine scritta così va direttamente nel codice della pagina, in un foglio di stile o in un campo JSON, senza un file separato sul server.

La stringa da sola non dice ancora che si tratta di un’immagine. Lo dice l’URL data:, descritto nell’RFC 2397, che mette il tipo di file davanti alla stringa, per esempio data:image/png;base64,. La stringa vera e propria comincia dopo la virgola[2]. Lo stesso URL funziona come immagine in Markdown nella forma ![descrizione](data:image/png;base64,…). L’alfabeto e il percorso inverso, dalla stringa al file, sono spiegati nel convertitore da Base64 a immagine.

Trascina un file sul campo Immagine, oppure fai clic sul campo e scegli un’immagine. Il campo Base64 mostra subito il risultato, nella forma impostata nell’elenco Formato del risultato. Di default è URL data:, cioè la stringa preceduta dal tipo di file, per esempio data:image/jpeg;base64,.

Puoi cambiare l’elenco in qualsiasi momento senza caricare di nuovo l’immagine. Tag <img> per HTML dà un elemento pronto con l’URL nell’attributo src, Sfondo CSS (background-image) una dichiarazione per una regola del foglio di stile, e Solo la stringa Base64 lascia soltanto i caratteri dopo la virgola. Il pulsante Copia copia il risultato nella forma scelta, e Scarica lo salva come file di testo, per esempio logo-base64.txt. Cancella tutto svuota il campo del risultato.

Lo strumento codifica un file alla volta e, se ne rilasci più di uno, prende il primo. Un file che non è un’immagine ferma la codifica con il messaggio Sono supportati solo file immagine.

Il testo richiede quattro caratteri ogni tre byte, quindi la stringa è più lunga del file di circa un terzo[1]. La lunghezza la calcoli da solo: dividi i byte per tre, arrotonda per eccesso e moltiplica per quattro. Un’icona di sito da 2 678 byte dà 3 572 caratteri, e una foto da fotocamera da 1 405 512 byte ne dà 1 874 016.

Un’immagine incorporata fa parte del file in cui si trova. Il browser scarica l’immagine di un foglio di stile insieme al foglio, quindi a ogni modifica del foglio la scarica di nuovo. La stessa immagine incollata in cinque pagine HTML viaggia con ciascuna di esse separatamente. Per questo Base64 si adatta a icone e piccole grafiche, mentre la foto di un articolo resta un file normale.

La lunghezza la limita il browser: Chromium e Firefox accettano URL data: fino a 512 MB, e Safari fino a 2048 MB. Firefox ha spostato questo limite due volte, da 256 KB a 32 MB nella versione 97 e a 512 MB nella versione 136[3]. I browser bloccano invece l’apertura degli URL data: nella finestra principale, perché per questa via venivano diffuse pagine di phishing[3]. Una stringa incollata nella barra degli indirizzi non mostrerà l’immagine, mentre la stessa stringa in un attributo src sì.

Gmail non mostra le immagini scritte come URL data:, né nel browser né nelle app per iOS e Android. caniemail.com lo ha verificato a febbraio 2020 e ha ripetuto il test sulla versione browser a maggio 2024, con lo stesso risultato[4]. Outlook per Windows, dalle versioni 2007 alla 2016, si comporta allo stesso modo.

Il logo di una firma o di una newsletter va quindi messo su un server come file normale, usando il suo indirizzo. Così funziona il generatore di firma email: nel campo Avatar / logo (URL dell’immagine) inserisci l’indirizzo di un’immagine, non una stringa Base64.

Libero Mail e Virgilio Mail non compaiono nella base di caniemail. Prima di un invio verso questi indirizzi, manda un messaggio di prova a un tuo account.