Base64: koder i dekoder online, także base64url i pliki

Jak działa kodowanie Base64

Base64 opisuje RFC 4648. Dane dzieli się na grupy po 24 bity, czyli 3 bajty, a każdą grupę zapisuje jako 4 znaki. Każdy znak niesie 6 bitów i pochodzi z 64-znakowego alfabetu: litery A–Z, a–z, cyfry 0–9 oraz znaki + i /. Gdy na końcu danych zostaje niepełna grupa, wynik jest uzupełniany znakiem =. Tak wyglądają wektory testowe z rozdziału 10 RFC 4648:

Każde 3 bajty stają się 4 znakami, więc dane po zakodowaniu są o około 33% dłuższe. Base64 to kodowanie, a nie szyfrowanie: reguła jest publiczna i nie wymaga klucza.

Base64 i base64url

Rozdział 5 RFC 4648 definiuje wariant „URL and filename safe”, w którym znaki + i / zastępują - i _. Ten wariant można bezpiecznie umieszczać w adresach URL i nazwach plików. RFC 7515, opisujący podpisy JSON Web Signature używane w tokenach JWT, definiuje base64url jako ten alfabet bez końcowych znaków = i bez podziałów wierszy. Taki wynik daje opcja „Wariant URL-safe” w koderze.

Dekoder rozpoznaje oba alfabety i przyjmuje dane z dopełnieniem albo bez niego. Pomija spacje i podziały wierszy, więc przyjmie też Base64 łamane na linie. Inne znaki spoza alfabetu odrzuca, zgodnie z rozdziałem 3.3 RFC 4648.

Polskie znaki i funkcja btoa

Wbudowana w przeglądarki funkcja btoa() według MDN zgłasza błądInvalidCharacterError, gdy tekst zawiera znak, który nie mieści się w jednym bajcie, np. ą albo ł. MDN zaleca najpierw zamienić tekst na bajty UTF-8 przezTextEncoder. Ten koder robi to automatycznie, więc „zażółć” zakodujesz bez błędu, a po zdekodowaniu dostaniesz te same znaki.

Pliki i adresy data:

Zakodowany plik można osadzić bezpośrednio w HTML lub CSS jako adres data: opisany w RFC 2397. Ma on postać data:[typ];base64,dane, np.data:image/png;base64,iVBORw0…. Gdy typ zostanie pominięty, RFC 2397 przyjmujetext/plain;charset=US-ASCII. Generator bierze typ pliku z przeglądarki, a przy dekodowaniu rozpoznaje popularne formaty (PNG, JPEG, GIF, WebP, PDF, ZIP) po pierwszych bajtach i pokazuje podgląd obrazów. Możesz też wkleić do pola Base64 cały adres data:, a dekoder sam oddzieli typ od danych.