Base64 Encode / Decode
Кодирование и декодирование Base64 прямо в браузере, с корректной поддержкой кириллицы.
Что такое Base64
Base64 — способ записать любые данные, включая двоичные, с помощью 64 «безопасных» символов: латинских букв, цифр, + и /. Так данные можно передать там, где допускается только текст: в письмах, JSON, URL, HTML-атрибутах. Base64 — это кодирование, а не шифрование: расшифровать строку может любой.
Где используется Base64
- вложения в электронных письмах (MIME);
- картинки прямо в CSS и HTML через
data:image/png;base64,...; - заголовок
Authorization: Basicв HTTP; - токены JWT (вариант Base64URL);
- передача файлов в JSON и через API.
Как пользоваться
- Выберите режим: «Кодировать» или «Декодировать».
- Вставьте текст — результат появится сразу.
- Кириллица и эмодзи кодируются в UTF-8, поэтому декодируются без «кракозябр».
- Скопируйте результат или скачайте его файлом.
Примеры
Bitrix→Qml0cml4Привет→0J/RgNC40LLQtdGC(кириллица кодируется в UTF-8)- Заголовок авторизации:
Authorization: Basic dXNlcjpwYXNz— это закодированная строкаuser:pass. Поэтому Basic-авторизацию используют только поверх HTTPS.
Base64 в PHP
В PHP используются base64_encode() и base64_decode(). Для URL нужен безопасный вариант: замените + и / на - и _ и уберите = в конце. Помните, что Base64 увеличивает размер данных примерно на треть, — для больших картинок в CSS это может замедлить загрузку страницы.
Base64 для картинок
Небольшие иконки можно встроить прямо в CSS или HTML через data URI: background: url(data:image/svg+xml;base64,...). Это экономит HTTP-запрос, но увеличивает вес CSS и мешает кешированию. Правило простое: встраивайте только файлы до 1–2 КБ, остальные подключайте обычными ссылками.