Base64 — kodowanie i dekodowanie

Base64, zdefiniowany w RFC 4648, zapisuje dowolne bajty za pomocą 64 drukowalnych znaków ASCII: A–Z, a–z, 0–9, + i /. Każda grupa trzech bajtów (24 bity) jest dzielona na cztery liczby 6-bitowe, a każda z nich wskazuje jeden znak alfabetu. Gdy długość danych nie jest wielokrotnością trzech, ostatnia grupa jest dopełniana jednym lub dwoma znakami =. Wynik jest zawsze o około 33% większy od danych wejściowych: 4 znaki na każde 3 bajty.

Base64 istnieje, ponieważ wiele kanałów zaprojektowano z myślą o tekście. E-mail (MIME), adresy data: w HTML i CSS, pola JSON przenoszące obrazy lub certyfikaty oraz nagłówki uwierzytelniania HTTP Basic używają Base64 do bezpiecznego przesyłania danych binarnych. To nie jest szyfrowanie i niczego nie ukrywa; do dekodowania nie potrzeba klucza.

Base64 koduje bajty, a nie litery, więc tekst trzeba najpierw zamienić na bajty. To narzędzie zawsze używa UTF-8, czyli kodowania, na którym działa internet: „é” zajmuje dwa bajty, a emoji cztery. Wbudowana w przeglądarkę funkcja btoa sama zgłasza błąd przy każdym znaku powyżej U+00FF, dlatego proste kodery zawodzą przy polskich znakach i emoji; tutaj tekst przechodzi najpierw przez TextEncoder, a dekodowanie odwraca to za pomocą TextDecoder. Jeśli zdekodowane bajty nie są poprawnym UTF-8 (obraz, plik zip), narzędzie pokazuje je szesnastkowo zamiast nieczytelnego tekstu.

Standardowy Base64 używa znaków + i /, które mają znaczenie w adresach URL i nazwach plików. Alfabet bezpieczny dla URL z sekcji 5 RFC 4648 zastępuje je znakami - i _, a dopełnienie zwykle się pomija. Dokładnie ta postać jest używana w JSON Web Tokens. Dekoder akceptuje oba alfabety oraz brak dopełnienia, więc możesz wkleić dowolną wersję.

Wybierz plik, a narzędzie odczyta go lokalnie za pomocą FileReader i zwróci jego Base64 albo kompletny adres data: z typem MIME pliku, gotowy do wklejenia w znacznik img lub tło CSS. Obrazy wstawiane bezpośrednio oszczędzają jedno żądanie HTTP, ale rosną o jedną trzecią i nie mogą być osobno buforowane, więc nadają się do małych ikon, a nie do zdjęć. Do obrazów z podglądem i gotowymi fragmentami HTML i CSS użyj narzędzia Obraz do Base64.