Конвертер изображений в Base64
Онлайн-конвертер изображений в формат Base64 и строки Data URI для HTML и CSS.
Запустить инструмент
Онлайн-конвертер переводит графические файлы в текстовый формат Base64 и формирует готовую строку Data URI. Такой текстовый вид графики часто применяют веб-разработчики, когда нужно встроить небольшую иконку, логотип или фоновый рисунок прямо в код HTML или стили CSS. Встроенная графика уменьшает число отдельных сетевых запросов к серверу при загрузке страницы.
Инструмент принимает закодированные данные изображения и распознает распространенные форматы растровой графики, включая PNG, JPEG, WEBP, GIF и BMP. Для распознанного файла система автоматически подбирает точный MIME-тип, например image/png или image/jpeg. Если формат заголовка определить не удается, используется запасной тип image/png.
Вы можете получить чистую строку Base64 или полный префикс Data URI с указанием типа содержимого. Для обработки достаточно вставить исходные данные в форму и запустить конвертацию. Итоговую строку можно сразу скопировать для вставки в разметку шаблона, почтовую рассылку или таблицы стилей проекта.
Инструкция
- Вставьте исходные данные изображения в поле ввода.
- Оставьте флажок включения Data URI активным, если нужен полный префикс с MIME-типом.
- Нажмите кнопку запуска, чтобы выполнить конвертацию.
- Скопируйте полученную строку из поля результата.
Примеры
- Преобразование PNG-иконки в строку вида data:image/png;base64,... для встраивания в тег img.
- Формирование чистого кода Base64 без префикса Data URI для сохранения в текстовый файл конфигурации.
Частые вопросы
Какие форматы графики распознает конвертер?
Конвертер определяет форматы PNG, JPEG, WEBP, GIF и BMP с автоматическим назначением соответствующего MIME-типа.
Что произойдет, если формат файла не удалось распознать?
Если формат не распознан, конвертер использует стандартное значение image/png для MIME-типа Data URI.
Зачем отключать опцию добавления Data URI?
Отключение этой опции выдает чистый код Base64 без служебного префикса, что удобно для API и баз данных.
Что отображается при пустом вводе?
Если поле ввода пустое, инструмент выводит предупреждение.