Кодируется локально в вашем браузере — ваше изображение никогда не загружается на сервер.
URI данных добавляют около 33% накладных расходов — рассмотрите возможность отдавать файл напрямую.
- Обнаруженный MIME-тип и размер отображаются здесь.
Об этом инструменте
Base64 — это кодирование двоичных данных в текст, которое сопоставляет каждые три байта двоичных данных с четырьмя символами ASCII, взятыми из алфавита из 64 символов, дополняя хвост знаком «=». Data URI оборачивает эту полезную нагрузку префиксом «data:<mime>;base64,», чтобы изображение могло находиться встроенным внутри HTML, CSS или JSON вместо отдельного сетевого запроса. Кодирование увеличивает размер примерно на 33 %, поскольку четыре символа вывода представляют три байта ввода.
Используйте инструмент, чтобы встроить небольшие иконки, спрайты или SVG прямо в таблицу стилей или разметку и сократить число обращений HTTP, встроить логотипы в письма и самодостаточные HTML-отчёты, вставить байты изображения в полезную нагрузку JSON-API или поместить быстрый favicon в однофайловый прототип. Обратный режим превращает data URI или сырую строку Base64 обратно в загружаемый файл, когда вам нужно восстановить изображение, извлечённое из CSS, столбца базы данных или журнала.
Всё выполняется в вашем браузере — ваше изображение считывается через FileReader и никогда не загружается на сервер, поэтому даже конфиденциальные ресурсы остаются на вашей машине.
Часто задаваемые вопросы
Почему моё изображение в Base64 больше исходного файла?
Base64 кодирует три байта двоичных данных в четыре символа ASCII, поэтому закодированный текст примерно на 33 % больше исходного файла. Префикс data URI и любой перенос строк добавляют сверху ещё немного.
Стоит ли встраивать изображения как data URI в Base64 или ссылаться на файл?
Встраивайте небольшие, часто переиспользуемые ресурсы, такие как иконки и SVG, чтобы сэкономить запросы HTTP, но более крупные изображения отдавайте как отдельные файлы — data URI нельзя кэшировать независимо, они раздувают ваш HTML или CSS, и накладные расходы по размеру в ~33 % перевешивают сэкономленный запрос.
Как преобразовать строку Base64 обратно в файл изображения?
Переключитесь в режим Base64 to Image и вставьте либо полный URI data:image/..., либо сырую строку Base64; инструмент декодирует её, показывает предпросмотр результата, определяет тип MIME и предлагает кнопку Download, которая сохраняет его как настоящий файл.