Base64 — схема кодирования, которая преобразует бинарные данные изображения (байты) в ASCII-строку. Data URL добавляет к этой строке MIME-тип (data:image/png;base64,), позволяя браузерам отобразить изображение без отдельного HTTP-запроса.
Base64 использует 4 ASCII-символа для каждых 3 байт бинарных данных, что приводит к увеличению размера примерно на 33%. Это компромисс ради удобства встраивания изображений в текстовые форматы.
Ваши изображения никогда не загружаются на какой-либо сервер. Конвертация выполняется полностью в вашем браузере с помощью API FileReader. Инструмент обрабатывает все данные локально на вашем устройстве.
Используйте Base64 для маленьких иконок, логотипов или декоративных изображений в шаблонах email, одностраничных офлайн-приложениях или CSS-файлах где нужно ноль внешних HTTP-запросов. Для больших или часто используемых изображений обычный URL с кешированием эффективнее.