SVG в Base64

SVG-файлы — это векторные изображения на основе XML. Когда вы конвертируете svg to base64, вы превращаете файл в одну текстовую строку, которую можно вставить в JSON, JavaScript или устаревшие шаблоны.

Этот инструмент выводит data URI data:image/svg+xml;base64,..., который можно скопировать с вкладки Data URI.

Закодированный URI сохраняет MIME-тип SVG, чтобы браузеры отображали его как векторное изображение.

Если вам нужно значение data image svg xml base64, скопируйте полный URI из результата конвертера и вставьте его в код.

Используйте вкладки HTML или CSS, когда нужен готовый фрагмент вместо исходной строки.

Встроенная SVG-разметка проще стилизуется с помощью CSS и часто даёт меньший вес страницы.

Base64 SVG лучше подходит, когда нужна одна закодированная строка для конфигураций, переменных JavaScript или систем, которые не принимают сырые блоки XML.

В HTML поместите data URI в атрибут src тега img, когда нужен шаблон base64 img tag для векторных иконок.

В CSS используйте значения background image base64 с background-image: url("data:image/svg+xml;base64,..."); для иконок, значков и декоративных ресурсов.

Большие SVG-файлы создают длинные строки Base64, которые трудно читать и поддерживать в исходном коде.

Некоторые функции SVG ведут себя иначе, когда изображение загружается через тег img вместо встроенного SVG.