Руководства по Base64

Изображения Data URL

Data URL помещает тип медиа и закодированные байты прямо в HTML или CSS, например data:image/png;base64,... Это полезно для маленьких иконок, e-mail шаблонов и автономных демонстраций.

Создание корректного Data URL

Используйте точный MIME-тип, запятую-разделитель и Base64 без случайных пробелов. Сигнатуры PNG и JPEG различаются. Кодировщик файлов может создать тестовые значения.

<img alt="Small logo" src="data:image/png;base64,ENCODED_BYTES">

Компромиссы производительности

Data URL увеличивают размер примерно на треть, мешают независимому кэшированию и при злоупотреблении замедляют разбор. Для фотографий и повторяемых ресурсов лучше обычные файлы.