Encoder et décoder en Base64

Le Base64, défini par la RFC 4648, écrit des octets quelconques avec 64 caractères ASCII imprimables : A–Z, a–z, 0–9, + et /. Chaque groupe de trois octets (24 bits) est découpé en quatre nombres de 6 bits, et chaque nombre désigne un caractère de l'alphabet. Quand la longueur de l'entrée n'est pas un multiple de trois, le dernier groupe est complété par un ou deux signes =. Le résultat est toujours environ 33 % plus volumineux que l'entrée : 4 caractères pour 3 octets.

Il existe parce que de nombreux canaux ont été conçus pour du texte. Les e-mails (MIME), les URL data: en HTML et CSS, les champs JSON qui transportent des images ou des certificats et les en-têtes d'authentification HTTP Basic utilisent tous le Base64 pour transmettre des données binaires sans risque. Ce n'est pas du chiffrement et il ne cache rien : le décodage n'exige aucune clé.

Le Base64 encode des octets, pas des lettres : le texte doit donc d'abord être converti en octets. Cet outil utilise toujours l'UTF-8, l'encodage sur lequel repose le web : é devient deux octets et un emoji quatre. La fonction btoa intégrée au navigateur renvoie à elle seule une erreur pour tout caractère au-delà de U+00FF, ce qui explique pourquoi les encodeurs naïfs échouent sur les accents et les emoji ; ici, le texte passe d'abord par TextEncoder, et le décodage fait l'inverse avec TextDecoder. Si les octets décodés ne forment pas de l'UTF-8 valide (une image, un fichier zip), l'outil les affiche en hexadécimal plutôt qu'en texte illisible.

Le Base64 standard utilise + et /, qui ont une signification dans les URL et les noms de fichiers. L'alphabet compatible URL de la section 5 de la RFC 4648 les remplace par - et _, et le remplissage est généralement supprimé. Les JSON Web Tokens utilisent exactement cette forme. Le décodeur accepte les deux alphabets ainsi que l'absence de remplissage : vous pouvez donc coller l'un ou l'autre.

Choisissez un fichier : l'outil le lit localement avec FileReader et renvoie son Base64, ou une URL data: complète avec le type MIME du fichier, prête à coller dans une balise img ou un arrière-plan CSS. Les images intégrées économisent une requête HTTP, mais elles gagnent un tiers de volume et ne peuvent pas être mises en cache séparément : elles conviennent donc aux petites icônes plutôt qu'aux photos. Pour des images avec aperçu et extraits HTML et CSS prêts à l'emploi, utilisez Image en Base64.