Конвертер SVG в Base64
Превратите SVG-разметку в Data URI для CSS-фонов или встроенного HTML. Получайте готовые сниппеты в четырёх вариантах: CSS-фон URL-encoded, CSS-фон Base64, HTML-тег img и чистый Data URI. Живой предпросмотр SVG подтверждает рендер до копирования.
Как пользоваться
1
Вставьте SVG-код
Разместите разметку SVG в поле ввода.
2
Посмотрите превью
Над результатом появится отрендеренный SVG.
3
Выберите сниппет
CSS-фон (URL-encoded или Base64), HTML-тег img или чистый Data URI.
4
Скопируйте
Скопируйте готовый сниппет и вставьте в CSS или HTML.
Вставьте SVG-код
Готовые сниппеты
CSS-фон (URL-encoded)Оптимально
CSS-фон (Base64)
HTML-тег img
Чистый Data URI (Base64)
Возможности
URL-encoded и Base64
Оба варианта — URL-encoding обычно короче и лучше сжимается.
Живое превью SVG
Видно, как SVG рендерится, до копирования.
Готовые сниппеты
CSS-фон, HTML img и чистый Data URI — копировать и вставить.
Метка «Оптимально»
Отмечает URL-encoded версию как оптимальную по размеру, когда это применимо.
Типичные сценарии
- Встроить маленькую иконку как CSS-фон
- Вставить SVG в HTML-тег img без лишнего HTTP-запроса
- Уменьшить число запросов, встроив SVG в стили
- Подготовить Data URI для сборщиков