Base64 kódolás és dekódolás

A Base64, amelyet az RFC 4648 definiál, tetszőleges bájtokat ír le 64 nyomtatható ASCII karakterrel: A–Z, a–z, 0–9, + és /. Minden három bájtos (24 bites) csoportot négy 6 bites számra bont, és mindegyik szám kiválaszt egy karaktert az ábécéből. Ha a bemenet hossza nem többszöröse a háromnak, az utolsó csoportot egy vagy két = jellel egészíti ki. Az eredmény mindig körülbelül 33%-kal nagyobb a bemenetnél: 3 bájtonként 4 karakter.

Azért létezik, mert sok csatornát szövegre terveztek. Az e-mail (MIME), a HTML-ben és CSS-ben használt data: URL-ek, a képeket vagy tanúsítványokat hordozó JSON-mezők és a HTTP Basic hitelesítési fejlécek mind Base64-et használnak a bináris adatok biztonságos továbbításához. Nem titkosítás, semmit sem rejt el; a visszafejtéshez nincs szükség kulcsra.

A Base64 bájtokat kódol, nem betűket, ezért a szöveget először bájtokká kell alakítani. Az eszköz mindig UTF-8-at használ, ezt a kódolást használja a web: az é két bájt, egy emoji négy. A böngésző beépített btoa függvénye önmagában hibát dob minden U+00FF feletti karakternél, ezért buknak el az egyszerű kódolók ékezetes betűknél és emojiknál; itt a szöveg előbb a TextEncoderen megy át, a dekódolás pedig TextDecoderrel fordítja vissza. Ha a dekódolt bájtok nem érvényes UTF-8-ak (kép, zip-fájl), az eszköz értelmezhetetlen szöveg helyett hexadecimálisan jeleníti meg őket.

A szabványos Base64 a + és / jeleket használja, amelyeknek az URL-ekben és fájlnevekben jelentésük van. Az RFC 4648 5. szakaszának URL-barát ábécéje ezeket - és _ jelekre cseréli, a kitöltést pedig általában elhagyják. A JSON Web Tokenek pontosan ezt a formát használják. A dekódoló mindkét ábécét és a hiányzó kitöltést is elfogadja, így bármelyiket beillesztheti.

Válasszon ki egy fájlt, és az eszköz helyben beolvassa a FileReaderrel, majd visszaadja a Base64 értékét vagy egy teljes data: URL-t a fájl MIME-típusával, amelyet közvetlenül beilleszthet egy img címkébe vagy CSS-háttérbe. A beágyazott képek megspórolnak egy HTTP-kérést, de harmadával nagyobbak lesznek, és külön nem gyorsítótárazhatók, ezért inkább kis ikonokhoz valók, mint fotókhoz. Előnézettel és kész HTML- és CSS-részletekkel ellátott képekhez használja a Kép Base64-be eszközt.