Codifica e decodifica Base64

Base64, definito nella RFC 4648, scrive byte arbitrari usando 64 caratteri ASCII stampabili: A–Z, a–z, 0–9, + e /. Ogni gruppo di tre byte (24 bit) viene suddiviso in quattro numeri da 6 bit, e ciascun numero sceglie un carattere dell'alfabeto. Quando la lunghezza dell'input non è un multiplo di tre, l'ultimo gruppo viene completato con uno o due segni =. Il risultato è sempre circa il 33% più grande dell'input: 4 caratteri ogni 3 byte.

Esiste perché molti canali sono nati per il testo. Email (MIME), URL data: in HTML e CSS, campi JSON che contengono immagini o certificati e intestazioni di autenticazione HTTP Basic usano tutti Base64 per trasportare dati binari in modo sicuro. Non è crittografia e non nasconde nulla: per decodificare non serve alcuna chiave.

Base64 codifica byte, non lettere, quindi il testo va prima trasformato in byte. Questo strumento usa sempre UTF-8, la codifica su cui si basa il web: é diventa due byte e una emoji quattro. La funzione btoa integrata nel browser, da sola, genera un errore con qualsiasi carattere oltre U+00FF, ed è per questo che i codificatori ingenui falliscono con accenti ed emoji; qui il testo passa prima da TextEncoder e la decodifica compie il percorso inverso con TextDecoder. Se i byte decodificati non sono UTF-8 valido (un'immagine, un file zip), lo strumento li mostra in esadecimale invece di testo illeggibile.

Il Base64 standard usa + e /, che hanno un significato negli URL e nei nomi di file. L'alfabeto URL-safe della sezione 5 della RFC 4648 li sostituisce con - e _, e di solito il padding viene omesso. I JSON Web Token usano esattamente questa forma. Il decodificatore accetta entrambi gli alfabeti e il padding mancante, quindi è possibile incollare l'una o l'altra forma.

Scegliendo un file, lo strumento lo legge in locale con FileReader e restituisce il Base64 oppure un URL data: completo, con il tipo MIME del file, pronto da incollare in un tag img o in uno sfondo CSS. Le immagini inline risparmiano una richiesta HTTP, ma crescono di un terzo e non possono essere messe in cache separatamente, quindi vanno bene per piccole icone più che per le foto. Per le immagini con anteprima e snippet HTML e CSS già pronti, usare Da immagine a Base64.