Convertitore Base64 in immagine

Il Base64 scrive dati binari, quindi anche un file di immagine già pronto, come una stringa di normali caratteri di testo. La conversione procede tre byte alla volta. Un byte ha otto bit, mentre un singolo carattere Base64 ne porta sei. Tre byte del file entrano perciò in esattamente quattro caratteri di testo. L’alfabeto conta 64 posizioni: le maiuscole dalla A alla Z, le minuscole dalla a alla z, le cifre da 0 a 9, il più e la barra. Quando alla fine mancano byte per completare un gruppo di quattro, il segno di uguale occupa i posti liberi.[1]

Così vengono trasportati gli allegati della posta elettronica, e così un’immagine entra direttamente nel codice di una pagina, senza un file a parte sul server.[2]

La stringa da sola non dice ancora che cosa rappresenta. Se ne occupa la data URI, un indirizzo la cui struttura è descritta nel documento RFC 2397 dell’agosto 1998. Si scrive data:[tipo][;base64],dati. Con un’immagine PNG l’inizio è questo: data:image/png;base64, — e subito dopo la virgola arriva la stringa vera e propria. Se il tipo viene omesso, chi la riceve dà per scontato di aver ricevuto testo normale.[3]

Oggi i browser bloccano l’apertura degli indirizzi data: nella finestra principale, perché in questo modo circolavano pagine di phishing.[4] Un’immagine contenuta in un indirizzo del genere la guardi nel codice che la contiene, oppure in uno strumento che sappia leggere quell’indirizzo. Basta incollare la stringa nel campo qui sopra e premere il pulsante Decodifica.

Incolla la stringa nel campo Base64 sulla sinistra e premi il pulsante Decodifica. L’immagine compare nella scheda Anteprima immagine, e sotto resta il pulsante Scarica, che salva il file sul disco con il nome immagine-decodificata. Il pulsante Cancella tutto svuota insieme il campo e l’anteprima.

Il prefisso data:image/png;base64, puoi incollarlo insieme alla stringa oppure lasciarlo nel codice da cui copi. Senza prefisso il convertitore legge i primi diciotto byte dei dati e riconosce il formato dalla firma del file stesso. Da quel riconoscimento dipende l’estensione del file scaricato: un’immagine BMP viene salvata come immagine-decodificata.bmp, e un’icona di sito come immagine-decodificata.ico.

Una stringa copiata dal sorgente di un messaggio di posta arriva di solito spezzata ogni 76 caratteri, e il convertitore la legge proprio in questa forma. Lo standard con cui i browser leggono il Base64 impone di togliere prima dai dati tutti i caratteri di spaziatura, quindi anche gli spazi e i fine riga.[5] Una stringa incollata su una dozzina di righe dà la stessa immagine di una incollata su una riga sola.

Tutto il lavoro avviene sul tuo computer. La stringa resta nella memoria della scheda aperta, il file nasce sul tuo dispositivo, e alla chiusura della pagina entrambi escono dalla memoria del browser.

Sopra i campi si trova un selettore dei formati con la scritta Base64 in JPG. Un clic su uno dei due formati apre un elenco, e la scelta che fai ti porta alla pagina del convertitore di quella coppia. Il verso opposto, cioè scrivere un file già pronto come stringa di caratteri, spetta al convertitore da immagine a Base64.

La forma testuale richiede quattro caratteri ogni tre byte, quindi la stringa occupa più spazio dei dati che descrive. Il conto è breve: dividi il numero di byte per tre, arrotondi per eccesso e moltiplichi per quattro.

Da questa formula escono due numeri che danno l’ordine di grandezza. Un’icona di sito pesa 2.678 byte e una volta codificata dà 3.572 caratteri. Una foto da 1920 per 1280 pixel pesa 476.485 byte, e la sua forma testuale conta 635.316 caratteri. L’aumento si aggira ogni volta intorno a un terzo, cioè circa il 33 per cento.[2] Il foglio di stile o il modello di messaggio in cui quell’immagine viene incollata cresce esattamente di altrettanto.

Il Base64 trasporta i dati e non cambia nulla al loro interno. Dopo la decodifica ottieni un file identico byte per byte a quello che era stato codificato. L’abbiamo verificato su otto file di formati diversi, confrontando le loro somme di controllo prima della codifica e dopo la rilettura.

La lunghezza della stringa la limita il browser stesso. Chromium e Firefox accettano oggi indirizzi data: fino a 512 MB, e Safari fino a 2048 MB. In Firefox questo limite si è spostato due volte. La versione 97 lo ha alzato da 256 KB a 32 MB. La versione 136 lo ha portato agli attuali 512 MB.[4]