Кодирование/декодирование Base64
Кодируйте и декодируйте текст и файлы Base64 — включая изображение в data URL — мгновенно и безопасно.
Из
Результат
Перетащите файл или изображение, чтобы получить data URL
Идеально для иконок и мелких изображений в CSS/HTML
Как пользоваться: Кодирование/декодирование Base64
- Введите или вставьте текст либо перетащите изображение или файл, чтобы преобразовать его в data URL в Base64.
- Переключайтесь между «Кодировать» и «Декодировать» в зависимости от нужного направления.
- Скопируйте результат одним нажатием. Декодирование корректно обрабатывает текст UTF-8 с диакритическими знаками, эмодзи и арабскими буквами.
Об этом инструменте
Base64 встречается повсюду: в заголовках почтовых вложений, полезной нагрузке токенов JWT, data URL внутри CSS, значениях конфигурации, которые должны пройти через JSON без изменений, и встроенных фоновых изображениях CSS, позволяющих сэкономить запрос. Этот инструмент быстро и безопасно выполняет преобразования в обе стороны. При кодировании текста используется корректный UTF-8 через TextEncoder, поэтому эмодзи, арабские буквы и символы с диакритикой проходят кодирование и декодирование с побайтовой точностью — в отличие от наивных приёмов с btoa/atob, которые не справляются с нелатинскими символами. В файловом режиме изображение или документ превращается в готовый для вставки data URL. Размер результата показан, чтобы вы могли оценить целесообразность встраивания. Все операции выполняются в браузере с переключением направления, поэтому проверка кодирования и декодирования происходит мгновенно.
Часто задаваемые вопросы
Почему результат Base64 больше исходных данных?
Base64 кодирует каждые 3 байта в 4 символа, поэтому результат примерно на 33% больше. Это особенность формата, а не неэффективность инструмента.
Можно ли декодировать повреждённый Base64?
Корректные строки декодируются без предупреждений, а для строк с символами вне алфавита Base64 выводится ошибка. Так вы узнаете, что исходные данные повреждены.
Подходит ли преобразование изображений в Base64 для сайтов?
Да, для небольших значков и логотипов. Для больших фотографий увеличение размера на 33% и отсутствие кеширования в браузере обычно делают обычные файлы лучшим выбором. Инструмент показывает размер, чтобы вы могли решить сами.
Был ли этот инструмент полезен?