Base64 декодер и кодировщик

Что такое Base64?

// Encode plain text to Base64
const encoded = btoa('Hello, World!');
console.log(encoded); // → 'SGVsbG8sIFdvcmxkIQ=='

// Decode Base64 back to text
const decoded = atob('SGVsbG8sIFdvcmxkIQ==');
console.log(decoded); // → 'Hello, World!'

// UTF-8 safe encode (handles Chinese, emoji, any Unicode)
function encodeBase64(str) {
  const bytes = new TextEncoder().encode(str);  // to UTF-8 bytes
  return btoa(String.fromCharCode(...bytes));
}
console.log(encodeBase64('你好')); // → '5L2g5aW9'

Ключевые возможности

Примеры

Hello, World!

SGVsbG8sIFdvcmxkIQ==

你好世界 🌍

5L2g5aW95LiW55WMIPCfjI0=

{"user":"alice","role":"admin"}

eyJ1c2VyIjoiYWxpY2UiLCJyb2xlIjoiYWRtaW4ifQ==

Line 1
Line 2
Line 3

TGluZSAxCkxpbmUgMgpMaW5lIDM=

Как использовать

1. 1

   Введите текст или Base64

   Введите или вставьте обычный текст слева для кодирования, или вставьте строку Base64 справа для декодирования. Преобразование мгновенное и двунаправленное.

2. 2

   Смотрите результат в реальном времени

   Другая область обновляется автоматически по мере ввода. Любые ошибки (например, невалидный Base64) показываются сразу.

3. 3

   Скопируйте результат

   Нажмите кнопку «Скопировать» с любой стороны, чтобы скопировать закодированный или декодированный результат в буфер обмена.

Типичные сценарии

Создание Data URI

Кодирование изображений или файлов в Base64 для встраивания прямо в HTML или CSS как data URI.

Отладка JWT

Декодирование Base64-кодированных header и payload JWT-токенов для просмотра claims и времени истечения.

Разработка API

Кодирование бинарных данных для передачи в JSON API или декодирование Base64-ответов для просмотра.

Email-кодирование

Кодирование или декодирование MIME-кодированного содержимого email и вложений.

Просмотр сертификатов

Декодирование PEM-кодированных сертификатов и ключей для изучения их бинарного содержимого.

Встраивание конфигурации

Кодирование конфигурационных данных или секретов для безопасного встраивания в переменные окружения или файлы конфигурации.

Технические детали

Соответствие RFC 4648

Реализация стандартного кодирования Base64 по RFC 4648 с алфавитом A-Z, a-z, 0-9, +, / и padding «=».

UTF-8 через TextEncoder

Использует Web API TextEncoder для конвертации Unicode-строк в байты UTF-8 перед кодированием — корректная обработка всех письменностей и эмодзи.

Обработка в браузере

Всё кодирование использует нативные btoa()/atob() с TextEncoder/TextDecoder — без внешних библиотек, без серверных вызовов.

Лучшие практики

Не используйте Base64 для безопасности

Base64 — это кодирование, а не шифрование. Никогда не используйте его для «защиты» паролей, токенов или чувствительных данных — всегда применяйте настоящее шифрование.

Учитывайте увеличение размера

Base64 добавляет ~33% накладных расходов. Для больших файлов рассмотрите бинарную передачу вместо Base64-кодирования.

Используйте кодирование UTF-8

Всегда конвертируйте текст в байты UTF-8 перед Base64-кодированием, чтобы корректно обрабатывать не-ASCII символы (китайские, эмодзи).

Часто задаваемые вопросы

Что такое кодирование Base64?

Base64 — это схема кодирования двоичных данных в текст, представляющая бинарные данные строкой печатных ASCII-символов. Каждые 3 байта входа преобразуются в 4 ASCII-символа из набора A-Z, a-z, 0-9, + и /. Символ «=» используется для padding, когда длина входа не кратна 3. Base64 определён в RFC 4648 и широко применяется в email (MIME), data URI, JSON Web Token (JWT) и HTTP-аутентификации.

Безопасны ли мои данные при использовании этого инструмента?

Да, полностью. Всё кодирование и декодирование идёт локально в браузере через нативные API JavaScript: btoa(), atob(), TextEncoder и TextDecoder. Данные не покидают устройство — нет запросов на сервер, нет cookie, нет аналитики ввода и нет хранения данных.

Как инструмент обрабатывает не-ASCII символы вроде китайских или эмодзи?

Инструмент сначала конвертирует входной текст в байты UTF-8 через API TextEncoder, а затем кодирует эти байты в Base64. Это гарантирует корректное кодирование символов вне ASCII — китайских (你好), японских (こんにちは), арабских и эмодзи (🎉). При декодировании процесс обратный: Base64 → байты → UTF-8 текст через TextDecoder.

Является ли Base64 шифрованием?

Нет. Base64 — это кодирование, а не шифрование. Оно не обеспечивает безопасность — любой может декодировать строку Base64 в исходные данные мгновенно. Base64 предназначен для транспортировки данных (делает бинарные данные безопасными для текстовых каналов), а не для защиты секретов. Если нужно защитить данные, используйте настоящее шифрование (AES, RSA), а Base64-кодирование результата — опционально.

Где обычно применяется Base64?

Base64 широко применяется: (1) Data URI — встраивание изображений прямо в HTML/CSS как «data:image/png;base64,…», (2) Email — MIME-кодирование вложений и не-ASCII контента, (3) JWT — JSON Web Token кодирует header и payload через Base64URL, (4) HTTP Basic Auth — учётные данные передаются как Base64-кодированное «username:password», (5) API — передача бинарных данных в JSON-payload, (6) Сертификаты — формат PEM оборачивает DER-кодированные сертификаты в Base64.

В чём разница между Base64 и URL-безопасным Base64?

Стандартный Base64 использует символы «+» и «/», у которых в URL особое значение — «+» означает пробел, а «/» — разделитель пути. URL-безопасный Base64 (тоже определён в RFC 4648) заменяет «+» на «-» и «/» на «_», делая вывод безопасным для URL и имён файлов без дополнительного percent-encoding. Если нужно использовать стандартный Base64 в URL, можно применить percent-encoding нашим URL-кодировщиком. Этот инструмент использует стандартный Base64. Чтобы получить URL-безопасный, просто замените «+» на «-» и «/» на «_» в выводе.

Почему Base64 увеличивает размер данных?

Base64 кодирует 3 байта входа в 4 символа вывода — увеличение размера примерно на 33%. Это потому что Base64 использует только 64 печатных ASCII-символа (по 6 бит каждый) для представления 8-битных байтов. Например, 13-символьная строка «Hello, World!» становится 20-символьной строкой Base64 «SGVsbG8sIFdvcmxkIQ==». Это компромисс приемлем, потому что закодированные данные безопасно передавать через текстовые протоколы.

Как закодировать файл в Base64?

На macOS или Linux используйте командную строку: base64 < myfile.png > myfile.b64. На Windows используйте PowerShell: [Convert]::ToBase64String([IO.File]::ReadAllBytes('myfile.png')). В JavaScript (Node.js): fs.readFileSync('myfile.png').toString('base64'). В Python: import base64; base64.b64encode(open('myfile.png','rb').read()). Этот браузерный инструмент работает с текстовым вводом; для больших бинарных файлов CLI-инструменты эффективнее.

Можно ли использовать Base64 в HTML и CSS?

Да. Base64 часто используется в data URI для встраивания небольших ресурсов прямо в HTML или CSS, что устраняет лишние HTTP-запросы. В HTML: . В CSS: background-image: url('data:image/svg+xml;base64,PHN2Zy…'). Это идеально для маленьких иконок и SVG (до ~5 КБ). Для больших файлов отдельные ссылки эффективнее, потому что Base64 добавляет 33% накладных расходов и обходит кеширование браузера.

Каков максимальный размер ввода?

Этот браузерный инструмент эффективно обрабатывает текст до примерно 5 МБ. Для очень больших файлов или бинарных данных рассмотрите CLI-инструменты вроде «base64» (в macOS и Linux) или «openssl base64». Сам стандарт Base64 не ограничивает размер.

Какие символы в алфавите Base64?

Стандартный алфавит Base64 (RFC 4648) состоит из 64 символов: прописные A-Z (значения 0-25), строчные a-z (значения 26-51), цифры 0-9 (значения 52-61), плюс «+» (значение 62) и слэш «/» (значение 63). Знак «=» используется для padding. URL-безопасный вариант (Base64URL) заменяет «+» на «-» и «/» на «_», чтобы избежать конфликтов со специальными символами URL.

Мне нужно встроить маленькую картинку в HTML email — Base64 data URI или внешний хостинг?

Для HTML email Base64 data URI на самом деле рекомендуется для маленьких изображений вроде логотипов и иконок. Многие почтовые клиенты (Outlook, Gmail) по умолчанию агрессивно блокируют внешние изображения, требуя клика «Показать изображения». Встраивание как Base64 data URI полностью обходит эту проблему — изображение становится частью самого email. Компромисс — размер email: Base64 добавляет ~33% накладных расходов, поэтому PNG в 10 КБ становится ~13 КБ. Держите встроенные изображения до 20 КБ для лучшей совместимости. Для больших изображений или фонов внешний хостинг практичнее. Используйте этот инструмент, чтобы закодировать байты файла в Base64 для встраивания.

Почему моя строка Base64 содержит + и /, что ломает параметры URL?

Стандартный Base64 использует «+» и «/» как два из 64 символов, и оба имеют особое значение в URL («+» означает пробел, «/» — разделитель пути). Когда вы помещаете стандартную строку Base64 в параметр запроса URL без кодирования, эти символы портят значение. Решение — URL-безопасный Base64 (Base64URL, тоже определён в RFC 4648), заменяющий «+» на «-» и «/» на «_». Этот вариант используется в JWT, OAuth и любых Base64, появляющихся в URL. Чтобы преобразовать стандартный Base64 в URL-безопасный, просто замените «+» на «-» и «/» на «_» в выводе и опционально удалите «=» padding.

Я пытаюсь декодировать JWT — как работает Base64URL и чем отличается от стандартного Base64?

JWT (JSON Web Token) состоит из трёх частей, разделённых точками: header.payload.signature. Header и payload закодированы Base64URL, а не стандартным Base64. Base64URL отличается от стандартного двумя способами: использует «-» вместо «+» и «_» вместо «/», и опускает padding «=». Чтобы декодировать JWT вручную, разделите токен по точкам, возьмите первый или второй сегмент, замените «-» на «+» и «_» на «/», добавьте «=» padding до длины, кратной 4, затем декодируйте Base64. Для отладки JWT удобнее специализированный декодер, но понимание Base64URL помогает при реализации работы с токенами в коде.