Что такое Кодировщик файлов в Base64?

Кодировщик файлов в Base64 преобразует любой файл в текстовую строку в кодировке Base64. Незаменим для встраивания файлов в JSON, HTML, CSS или передачи бинарных данных через текстовые каналы.

Выберите или перетащите файл размером до 50 МБ — кодировщик прочитает его на вашем устройстве, преобразует байты в Base64 и покажет результат вместе с размером файла, определённым типом MIME и полным data URI. Переключите формат вывода, чтобы обернуть байты в JSON, XML или готовую к вставке HTML-ссылку на скачивание для файла любого типа, а во встроенных фрагментах на JavaScript, Python и Shell найдёте соответствующий вызов для декодирования. Перейдите в режим декодирования, чтобы вставить строку Base64 и скачать исходный файл, а настройки переноса строк и удаления заполнения позволяют точно подогнать вывод под MIME, PEM или JWT.

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

1. Загрузите любой файл (изображения, документы, аудио и т.д.) или перетащите его в область кодировщика.
2. Просмотрите сгенерированную строку Base64, размер файла, MIME-тип и формат Data URI.
3. Скопируйте строку Base64 или Data URI в буфер обмена, либо скачайте в виде текстового файла.

Когда использовать

• Встраивание небольшой иконки или шрифта прямо в CSS через data URI, чтобы убрать лишний запрос.
• Передача бинарных данных внутри JSON, когда API не принимает multipart-загрузки.
• Прикрепление минимального тестового файла как обычного текста к тикету, где запрещены вложения.

Результат

Разработчик хочет встроить небольшую иконку напрямую в CSS-таблицу стилей: загружает favicon.png размером 2 КБ и копирует сгенерированный Data URI для использования в качестве значения background-image.

Частые вопросы

Почему закодированный текст примерно на треть больше исходного файла?

Base64 представляет каждые 3 байта 4 ASCII-символами, поэтому объём вырастает примерно на 33%. Картинка в 2 КБ превращается в около 2,7 КБ текста. Если встраиваете много файлов таким способом, эта прибавка заметна в больших CSS-сборках — следите за объёмом.

В чём разница между Base64-строкой и data URI?

Base64-строка — это просто закодированные байты. Data URI оборачивает её в формат data:<mime>;base64,<текст>, чтобы браузер или почтовый клиент сразу отрисовал контент. В HTML и CSS используйте data URI; чистую строку — когда получатель сам подставляет префикс.

Можно ли закодировать здесь видео на 200 МБ?

Кодировщик ограничивает загрузку 50 МБ, чтобы оставаться отзывчивым: Base64 файла на 200 МБ — это около 270 МБ текста, и большинство редакторов сильно тормозят на таких длинных строках. Для крупных медиафайлов используйте ссылку на CDN или кодировщик на стороне сервера.

Так ли важен MIME-тип? Можно ли всегда писать application/octet-stream?

Важен. Получатель именно по MIME-типу решает, как отобразить или сохранить байты. PNG, встроенный в HTML, должен иметь тип image/png, иначе браузер не нарисует картинку, а покажет диалог скачивания или значок битого изображения.

Загружается ли файл куда-то при кодировании?

Нет. Преобразование выполняется локально в вашем устройстве через FileReader API, поэтому байты не покидают компьютер. Проверить просто: отключите интернет и перетащите файл — кодировщик продолжит работать как ни в чём не бывало.

Похожие инструменты