CSS Background Synthesis
Advanced Background Optimization
Умная Оптимизация
Автоматически удаляет ненужные пробелы, комментарии и атрибуты для минимизации размера файла с сохранением качества SVG.
Множество Форматов
Выбирайте между URL-кодированным Data URI (меньше) или Base64 кодированием (лучшая совместимость) в зависимости от ваших потребностей.
Живой Предпросмотр
Смотрите ваш SVG, отрендеренный в реальном времени как CSS-фон, чтобы убедиться, что он выглядит идеально перед использованием.
Как Использовать
Вставьте или введите ваш SVG-код в поле ввода
Выберите формат вывода и включите оптимизацию при необходимости
Просмотрите сгенерированный CSS-код и предпросмотр
Скопируйте или скачайте CSS для использования в вашем проекте
Technical Integration
Simply paste the generated CSS as a background-image property in your stylesheet. This allows you to use high-resolution, scaleable icons without external HTTP requests, improving performance and SEO.