Изображение в Base64

Об этом инструменте

Конвертер изображений в Base64 кодирует любой файл изображения в строку Base64 или полный Data URI, что позволяет встраивать изображения непосредственно в HTML, CSS или JSON без их хостинга как отдельных файлов. Поддерживается перетаскивание или выбор кликом, отображается исходный и закодированный размер.

Всё кодирование выполняется в браузере с помощью FileReader API — ваше изображение никогда не загружается на сервер. Можно переключаться между полным Data URI (с префиксом data:image/…;base64,) и чистым Base64 (без префикса).

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

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

Случаи использования

Фронтенд-разработчики встраивают маленькие иконки прямо в CSS или HTML, чтобы устранить HTTP-запросы. Email-маркетологи вставляют изображения в HTML-шаблоны писем, так как многие почтовые клиенты блокируют внешние изображения. Мобильные разработчики кодируют изображения для JSON API. Разработчики хранят изображения как строки Base64 в конфигурационных файлах или базах данных.

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

• Кодирование Base64 увеличивает размер файла? — Да. Base64-кодирование увеличивает размер файла примерно на 33% по сравнению с исходным бинарным файлом.
• Какие форматы изображений поддерживаются? — Любые форматы, отображаемые браузером: JPG, PNG, WebP, GIF, SVG, BMP и другие.
• Стоит ли кодировать большие изображения в Base64? — Для файлов более ~10 КБ обычно лучше хранить изображение как файл. Большие строки Base64 раздувают HTML/CSS и снижают скорость загрузки страницы.