Base64 Encoder and Decoder
Кодирует текст в Base64 и раскодирует обратно, с поддержкой UTF-8. Читает строку с переносами, без хвостовых знаков равенства, в варианте URL-safe и с приставкой data:. Если внутри картинка или PDF, называет вид файла. Текст остаётся в браузере.
0 символов · 0 байт
Base64
Что делает инструмент
Base64 записывает любые байты 64 знаками: латиница, цифры, «+» и «/». Так двоичный файл или текст с кириллицей проходит там, где ждут простую строку: в JSON, в письме, в адресе картинки внутри CSS.
Текст сначала переводится в байты UTF-8 и только потом в Base64. Кириллица, значки и эмодзи возвращаются обратно знак в знак.
Что читается на входе
Чужая строка Base64 редко приходит чистой, поэтому инструмент понимает
переносы строк и пробелы внутри, строку без хвостовых «=», вариант
URL-safe со знаками «-» и «_», приставку data:…;base64,.
Если строка сломана, вместо пустого поля видно место поломки: строка и столбец, где встретился лишний знак.
Раскодированное не всегда текст
В Base64 часто лежит картинка или PDF. Когда байты не складываются в текст UTF-8, инструмент называет вид файла, размер и первые байты шестнадцатеричной записью. Кракозябр вместо картинки не будет.
Размер растёт примерно на треть
Три байта превращаются в четыре знака, прибавка около 33 %. Иконка на 2 КБ в Data URI займёт почти 2,8 КБ, поэтому в вёрстку так вставляют мелкие картинки и шрифты, а не фотографии.
Base64 не шифрует
Ключа здесь нет, строку раскодирует кто угодно. Пароль в Base64 остаётся паролем в открытом виде: для хранения нужны хеши bcrypt или Argon2, для передачи — HTTPS.
Где встречается
- Data URI: картинка или шрифт прямо в HTML или CSS;
- вложения в письмах — MIME кодирует файлы в Base64;
- JWT: заголовок и полезная часть токена записаны в URL-safe Base64;
- Basic Auth: логин с паролем уходят в заголовке одной строкой;
- ключи и сертификаты в формате PEM.
Текст остаётся в браузере
Кодирование и обратный разбор считаются на вашей стороне. Ни исходная строка, ни результат на сервер не уходят.
Другие инструменты
Просмотр исходного кода страницы
Исходный HTML страницы глазами робота Яндекса или Google
Визуальный HTML-редактор
Пишете как в текстовом редакторе — получаете готовый HTML
Код цвета HTML
Код цвета в HEX, RGB, HSL и HSB, с проверкой контраста
Эффект стекла в CSS
Стекло с проверкой читаемости надписи и запасным вариантом
Конвертер CSS в SCSS и обратно
CSS в SCSS со вложенностью и обратно, со сверкой результата
Конструктор сеток CSS Grid
Сетка под три экрана с готовым HTML и проверкой порядка блоков