Перетащите SVG-файл или нажмите для выбора

Либо вставьте SVG-код прямо в поле ниже

Data URI позволяет встроить SVG прямо в CSS или HTML — без отдельного файла и HTTP-запроса. Удобно для мелких иконок, фоновых узоров и декоративных элементов, которые не нужно кешировать отдельно.

Как получить data URI

Вставьте SVG-код или перетащите файл — инструмент кодирует его в компактную URL-кодированную строку вида `data:image/svg+xml,%3Csvg…%3E`, а не менее читаемый и более длинный base64. Готовый результат можно скопировать как есть или сразу в виде CSS-свойства `background-image`.

Перед кодированием SVG стоит оптимизировать: комментарии, скрытые слои и метаданные редактора попадут в строку целиком и раздуют её в несколько раз. Растровым картинкам — JPG, PNG, WebP — URL-кодирование не подходит, их встраивают через Base64.

Обработка полностью в браузере, файл никуда не передаётся. Сервис бесплатный, без регистрации.