Конвертер файлов Base64

Закодируйте любой файл или изображение в data URI формата Base64 и раскодируйте data URI обратно в загружаемый файл.

Загрузка инструмента…

Конвертер файлов Base64 — Превратите любой файл или изображение в data URI формата Base64, который можно вставить прямо в CSS или HTML, а затем раскодируйте data URI обратно в исходный файл одним кликом по кнопке загрузки. Всё работает на 100% в вашем браузере с помощью FileReader и atob, поэтому файл, который вы перетаскиваете, никогда не покидает ваше устройство и никогда не загружается на сервер.

Что такое Конвертер файлов Base64?

Конвертер файлов Base64 — это бесплатный браузерный инструмент, который преобразует двоичные файлы в data URI формата Base64 и обратно. Веб-разработчики используют его, чтобы встраивать небольшие изображения, шрифты или значки прямо в таблицы стилей и разметку, избавляясь от лишнего сетевого запроса; специалисты по тестированию и поддержке используют декодирование, чтобы восстановить файл, который им прислали в виде длинного data URI. Используйте «Кодировать», чтобы перетащить файл и скопировать его data URI (при желании заранее обёрнутый в правило CSS background-image или тег HTML img), и используйте «Декодировать», чтобы вставить data URI и скачать восстановленный файл. Входные изображения и раскодированные изображения показывают предпросмотр, который можно увеличить кликом.

Как пользоваться Конвертер файлов Base64

  1. Выберите режим переключателем «Кодировать / Декодировать» вверху.
  2. Чтобы закодировать, перетащите или выберите файл (или изображение) в область загрузки; его data URI формата Base64 мгновенно появится в поле вывода.
  3. Откройте «Настройки», чтобы выбрать формат вывода: чистый data URI, правило CSS background-image или тег HTML img.
  4. Нажмите кнопку «Копировать», чтобы поместить data URI в буфер обмена.
  5. Чтобы раскодировать, переключитесь на «Декодировать» и вставьте data URI в текстовое поле; появятся предпросмотр и сведения о файле.
  6. Нажмите кнопку «Скачать», чтобы сохранить восстановленный файл на ваше устройство.

Примеры

Встроить маленький значок PNG в CSS

Режим кодирования: перетащите icon.png размером 2 КБ, установите формат CSS, затем скопируйте правило background-image: url("data:image/png;base64,…") прямо в свою таблицу стилей.

Восстановить файл, присланный как data URI

Режим декодирования: вставьте строку data:application/pdf;base64,… и нажмите «Скачать», чтобы вернуть report.pdf без какого-либо обращения к серверу.

Предпросмотреть изображение Base64 перед использованием

Режим декодирования: вставьте строку data:image/jpeg;base64,… и изображение отобразится в области предпросмотра, по которой можно кликнуть, чтобы увидеть его в полном размере в лайтбоксе.

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

Какие типы файлов я могу кодировать?
Подойдёт любой файл: изображения, PDF, шрифты, архивы, JSON, обычный текст и многое другое. Инструмент читает файл с помощью браузерного FileReader и создаёт data URI формата Base64, который включает правильный MIME-тип.
Почему вывод Base64 больше моего файла?
Base64 кодирует 3 байта данных в 4 символа, поэтому data URI примерно на 33% больше исходного файла. Этот компромисс нормален и является платой за встраивание двоичных данных в виде текста.
Какое имя файла я получу при декодировании?
Инструмент считывает MIME-тип из data URI и называет загрузку соответствующим образом, например decoded.png или decoded.pdf. Если тип неизвестен, он возвращается к расширению .bin.
Может ли он раскодировать обычную строку Base64 без префикса data:?
Да. Если вы вставите чистую полезную нагрузку Base64 без заголовка data:, она будет раскодирована как обычный двоичный файл (application/octet-stream) и предложена к загрузке как .bin.
Загружается ли мой файл куда-либо?
Нет. И кодирование, и декодирование выполняются полностью на стороне клиента в вашем браузере; ничего не загружается и ни один сервер не используется, поэтому ваши файлы остаются конфиденциальными на вашем устройстве.

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

Калькулятор соотношения сторон

Введите ширину или высоту с нужным соотношением сторон и мгновенно получите соответствующий размер вместе с упрощённым соотношением.

Конвертер систем счисления

Преобразуйте числа между двоичной, восьмеричной, десятичной и шестнадцатеричной системами.

Калькулятор ИМТ

Рассчитайте индекс массы тела по росту и весу в метрических или имперских единицах и мгновенно увидьте соответствующую весовую категорию ВОЗ.

Конвертер единиц CSS

Преобразуйте длину CSS между px, rem, em, pt, %, vw и vh.