Base64 kódoló és dekódoló online

A Base64 kódoló és dekódoló tetszőleges adatot (szöveget vagy bájtokat) alakít át olyan karaktersorozattá, amely csak az angol ábécé betűiből, számjegyekből és néhány jelből áll. Visszafelé is működik: a Base64 szövegből visszaadja az eredetit. Angolul ezt base64 encode és base64 decode néven keresik, az egész eszközt pedig gyakran base64 converter-nek hívják.

A Base64 akkor hasznos, ha bináris vagy különleges karaktereket tartalmazó adatot olyan helyen kell továbbítani, amely csak egyszerű szöveget fogad el. Tipikus példák:

• e-mail-mellékletek (a MIME szabvány így küldi a fájlokat),
• kisebb képek beágyazása HTML-be vagy CSS-be data: URI formájában,
• API-kulcsok és belépési adatok az HTTP Basic hitelesítésben,
• JWT tokenek részei,
• konfigurációs fájlok, amelyekbe bináris tartalmat kell tenni.

Ez különösen fontos, ha tokent vagy jelszót tartalmazó adatot fejtesz vissza.

A Base64 három bájtot (3 × 8 = 24 bitet) négy darab 6 bites csoportra bont. Minden 6 bites szám (0–63) egy karakternek felel meg: A–Z (0–25), a–z (26–51), 0–9 (52–61), majd + (62) és / (63). Ha a bemenet hossza nem osztható hárommal, a végére = kitöltő karakter kerül.

Nézzük a „Ma” szót:

1. A két betű bájtjai: M = 0x4D, a = 0x61.
2. Bitekben: 01001101 01100001.
3. Hatos csoportokra bontva (a végét nullákkal kiegészítve): 010011 010110 000100.
4. Ezek értéke: 19, 22, 4, vagyis T, W, E.
5. Mivel csak két bájt volt, egy = kerül a végére: TWE=.

Néhány további példa, amit az eszközzel is ellenőrizhetsz:

Az utolsó sor jól mutatja, miért számít a karakterkódolás: az „árvíztűrő” 9 betű, de UTF-8-ban 13 bájt, mert az ékezetes betűk két bájton tárolódnak.

A Base64 mindig növeli a méretet, mert 3 bájtból 4 karakter lesz. A kimenet hossza (kitöltéssel együtt):

kimenet = 4 × felfelé kerekítve(bemenet bájtban / 3)

Ez nagyjából 33% többlet. Ezért nem érdemes nagy képeket Base64-gyel beágyazni egy weboldalba: a fájl megnő, és a böngésző nem tudja külön gyorsítótárazni. Kis ikonoknál viszont kényelmes megoldás lehet.

Két helyzet, ahol fejlesztőként szinte biztosan találkozol Base64-gyel:

HTTP Basic hitelesítés. A böngésző vagy a kliens a felhasználónevet és a jelszót kettősponttal összefűzi, majd Base64-re kódolja. A felhasznalo:jelszo szövegből így ZmVsaGFzem5hbG86amVsc3pv lesz, a kérés fejlécében pedig ez áll:

Authorization: Basic ZmVsaGFzem5hbG86amVsc3pv

Ha egy API hívás 401-es hibát ad, érdemes a fejlécben lévő értéket visszafejteni az eszközzel, és megnézni, nem maradt-e benne felesleges szóköz vagy sortörés. Mivel ez kódolás és nem titkosítás, Basic hitelesítést csak titkosított (HTTPS) kapcsolaton használj.

Data URI. Egy kis képet közvetlenül a HTML-be vagy CSS-be is beírhatsz, külön fájl nélkül. A formátum: data: + a fájl típusa + ;base64, + maga a Base64 adat. Ha egy ilyen sztringből vissza szeretnéd nyerni a fájlt, csak a vessző utáni részt dekódold.

A normál Base64 ábécé + és / jelei egy URL-ben vagy fájlnévben bajt okoznak, mert ott különleges jelentésük van. Ezért létezik az URL-biztos változat (Base64URL), amely a + helyett - jelet, a / helyett _ jelet használ.

A Base64URL-nél a végén álló = kitöltést gyakran el is hagyják, például a JWT tokenekben.

• Normál Base64: e-mail, data: URI, konfigurációs fájlok, a legtöbb API.
• Base64URL: URL-paraméterek, fájlnevek, JWT tokenek.

Ha egy dekódolás hibát jelez, és a szövegben - vagy _ szerepel, valószínűleg URL-biztos változatról van szó.

• A Base64 nem titkosítás. Bárki visszafejtheti kulcs nélkül. Jelszót vagy érzékeny adatot ne tekints védettnek csak azért, mert Base64-ben van.
• Rossz karakterkódolás. Ha a dekódolt szövegben á és hasonló furcsa jelek jelennek meg az ékezetes betűk helyén, az eredeti valószínűleg UTF-8 volt, de más kódolással olvasták (vagy fordítva). Az eszköz UTF-8-at használ.
• Hiányzó kitöltés. Ha valaki levágta a végéről az = jeleket, néhány dekódoló hibát dob. Ilyenkor pótold őket úgy, hogy a hossz néggyel osztható legyen.
• Sortörések és szóközök. Az e-mailekből másolt Base64 gyakran 76 karakterenként sortörést tartalmaz. Ezek nem részei az adatnak; dekódolás előtt nyugodtan törölheted őket.
• A data: előtag. Egy data:image/png;base64, kezdetű szövegnél csak a vessző utáni rész a Base64 adat.