Изображение в Data URI
Data URI — это способ встроить картинку прямо в код в виде строки Base64, без отдельного файла. Инструмент превращает изображение в такую строку, которую можно вставить в HTML, CSS или JSON.
Преобразуйте изображение в Data URI для встраивания в CSS или HTML.
Data URI — это способ встроить картинку прямо в код в виде строки Base64, без отдельного файла. Инструмент превращает изображение в такую строку, которую можно вставить в HTML, CSS или JSON.
Встраивание мелких иконок и логотипов экономит HTTP-запросы и ускоряет загрузку, упрощает рассылку писем (картинка не теряется). Но для крупных изображений Data URI раздувает код — их лучше подключать файлами.
Для маленьких иконок и графики, чтобы сократить число запросов. Для крупных картинок это невыгодно — строка получается огромной.
Изображение кодируется в Base64, что увеличивает размер примерно на треть. Поэтому Data URI подходит лишь для небольших файлов.
В атрибут src тега img, в свойство background CSS или в поле JSON — Data URI работает везде, где ожидается адрес картинки.