Бесплатный онлайн-инструмент
Base64 кодировщик
Закодируйте текст в Base64 или раскодируйте обратно, получите data-URI из файла. Корректная работа с кириллицей и любыми символами Юникода (UTF-8).
Где встречается Base64
- Data-URI — небольшие изображения и шрифты встраивают в CSS или HTML строкой вида
data:image/png;base64,…. - HTTP Basic Auth — пара «логин:пароль» передаётся в заголовке Authorization в Base64.
- JWT-токены — заголовок и полезная нагрузка токена — это Base64URL-строки, которые можно раскодировать и прочитать.
- Email-вложения — файлы в письмах кодируются в Base64 по стандарту MIME.
Для кодирования параметров ссылок используйте URL encode / decode.
Возможности инструмента
- Кириллица и Юникод — текст сначала переводится в UTF-8, поэтому русские буквы и эмодзи кодируются без ошибок (обычный btoa на них падает).
- URL-safe (Base64URL) — включите опцию, чтобы получить вариант с «-» и «_» без padding: он безопасно вставляется в адрес ссылки и в JWT. При декодировании оба формата распознаются автоматически.
- Файл → data-URI — загрузите картинку, шрифт или иконку и получите строку
data:…;base64,…для встраивания в CSS или HTML без отдельного файла.
Всё работает прямо в браузере: ни текст, ни файлы не отправляются на сервер. Base64 — это кодирование, а не шифрование, поэтому не используйте его для защиты паролей и секретов.
Частые вопросы
Что такое Base64?
Base64 — способ представления двоичных данных в виде текста из 64 безопасных символов (латиница, цифры, «+», «/»). Используется для передачи данных в текстовых форматах: вложения в email, data-URI картинок в CSS, токены в HTTP-заголовках.
Почему обычный btoa не работает с русским текстом?
Встроенная функция браузера btoa принимает только латиницу (Latin-1) и падает на кириллице. Наш инструмент сначала кодирует текст в UTF-8, поэтому русский текст, эмодзи и любые символы Юникода обрабатываются корректно.
Base64 — это шифрование?
Нет. Base64 — кодирование, а не шифрование: любой может раскодировать строку обратно. Не используйте Base64 для «защиты» паролей или секретов.
Насколько увеличивается размер данных?
Примерно на 33%: каждые 3 байта исходных данных превращаются в 4 символа Base64. Поэтому большие файлы в Base64 (например, картинки в CSS) увеличивают вес страницы.
Что такое Base64URL и когда он нужен?
Base64URL — версия кодировки для адресов и токенов: символы «+» и «/» заменяются на «-» и «_», а padding «=» убирается, чтобы строка безопасно помещалась в URL и JWT. Включите опцию «URL-safe», чтобы получить такой вариант. При декодировании инструмент понимает оба формата автоматически.
Как получить data-URI из картинки?
Нажмите «Файл → data-URI» и выберите изображение — получите строку вида data:image/png;base64,…, готовую для вставки в CSS (background) или атрибут src. Помните: data-URI увеличивает размер примерно на 33%, поэтому подходит для мелких иконок, а не крупных фото.