Конвертер изображений в Base64 и обратно
Конвертер «Изображение ↔ Base64 / data-URI»
Загрузите картинку и получите код для вставки в HTML, CSS или письмо. Или вставьте Base64 и посмотрите изображение. Всё работает в браузере, файлы никуда не отправляются.
- Base64 и data-URI
- Локально и без сервера
- Кодирование и декодирование
- Бесплатно
Изображение
Результат
Если вывод кажется пустым, проверьте формат: для чистого Base64 префикс data:... не добавляется.
Код изображения
Изображение
Расшифровка показывается локально. Если это SVG, скрипты внутри него в предпросмотре не выполняются.
Вопросы и ответы
Что такое Base64 и data-URI?
Base64 — способ записать двоичные данные изображения обычными символами. Data-URI добавляет к ним префикс с типом файла, например data:image/png;base64. Такой код можно вставить прямо в HTML, CSS или письмо, не загружая картинку отдельным файлом.
Почему текст длиннее исходного файла?
Base64 кодирует каждые 3 байта четырьмя символами, поэтому размер растёт примерно на 33%. Для мелких иконок это удобно, а для тяжёлых фотографий лучше хранить файл отдельно и ссылаться на него по адресу.
Какие изображения поддерживаются?
Все форматы, которые ваш браузер умеет показывать: JPG, PNG, GIF, WebP, SVG, BMP и другие. При декодировании сервис сам старается определить тип по префиксу data-URI или по сигнатуре файла.
Куда отправляются мои изображения?
Никуда. Кодирование и декодирование выполняются прямо на странице, без обращения к серверу. После загрузки страницы инструмент работает даже без интернета.
Как вставить результат в CSS или HTML?
Для CSS выберите формат «CSS background-image» и скопируйте правило в класс. Для разметки выберите «HTML-тег img» или «Data-URI» и вставьте строку в атрибут src. Если вставляете чистый Base64, не забудьте добавить префикс data:image/...;base64.