Генератор и оптимизатор SVG

Универсальный набор инструментов SVG: генераторы волн, BLOB-объектов, узоров, полигонов, спиралей и звезд, а также оптимизатор SVG, минификатор, очиститель, редактор путей, замена цвета и генератор спрайтов — предварительный просмотр в реальном времени, копирование и загрузка бесплатно.

Полный набор инструментов SVG с 14 утилитами — генераторами волн, BLOB-объектов, узоров, полигонов, спиралей и звезд, редактором путей и калькулятором viewBox, а также оптимизатором, минификатором, очистителем, упростителем пути, заменителем цвета и генератором спрайтов — каждая из которых имеет предварительный просмотр и копирование в реальном времени, URI данных или вывод для загрузки.

Share
Категория
Инструменты разработчика
Включает
Возможности 7
Доступ
Бесплатно · Нет регистрации
Конфиденциальность
Запускается в вашем браузере
Генератор и оптимизатор SVG

Calibrating SVG Forge Studio......

Please wait a moment

Как использовать

Как использовать Генератор и оптимизатор SVG

  1. 01

    Выберите инструмент

    Выберите генератор, редактор или процессор на боковой панели с возможностью поиска — всего 14 утилит SVG.

  2. 02

    Отрегулируйте или вставьте

    Настройте ползунки и цвета для генераторов или вставьте разметку SVG в процессоры.

  3. 03

    Предварительный просмотр в прямом эфире

    Вектор мгновенно визуализируется с переключаемым фоном; процессоры показывают сохранение байтов до/после.

  4. 04

    Экспорт

    Скопируйте как необработанный SVG, URI данных или фон CSS или загрузите оптимизированный файл .svg.

Варианты использования

Распространенные случаи использования

  • Создайте волновые и BLOB-разделители для главных разделов целевой страницы.
  • Создавайте бесшовные фоновые шаблоны SVG для веб-сайтов.
  • Оптимизируйте и минимизируйте значки перед отправкой в ​​производство.
  • Очистите редактор от мусора, экспортированного в Illustrator или Inkscape.
  • Перекрасьте SVG в соответствии с палитрой бренда за считанные секунды.
  • Объединение нескольких значков в один многоразовый SVG-спрайт.
Обзор

14 инструментов SVG, которых нет на большинстве сайтов

SVG Forge — это полноценная векторная среда: генерируйте волны, капли, бесшовные узоры, многоугольники, спирали и звезды; редактировать необработанные пути и рассчитывать viewBox; а также оптимизировать, минимизировать, очистить, упростить, перекрасить или объединить SVG в спрайт. Каждый генератор имеет предварительный просмотр и элементы управления в реальном времени; каждый процессор показывает сохранение размера до/после. Он заполняет пробел, который большинство сайтов инструментов игнорирует — специализированные высококачественные SVG-утилиты в одном месте.

Копируйте, встраивайте или скачивайте — по вашему желанию

Каждый результат можно скопировать в виде необработанной разметки SVG, готового к вставке URI данных или фонового правила CSS и загрузить в виде файла .svg. Генераторы поддерживают рандомизацию и сброс для быстрого исследования, а процессоры точно сообщают, сколько байтов вы сэкономили. Все работает локально в вашем браузере — ваши работы никогда не загружаются.

Функции
01
14 генераторов и процессоров SVG в одной студии
02
Создатели волн, капель, узоров, многоугольников, спиралей и звезд
03
Оптимизатор, минимизатор и очистка SVG с экономией размера
04
Редактор путей, калькулятор viewBox и упроститель пути
05
Заменитель цвета и генератор спрайтов с несколькими значками
06
Копирование в формате SVG, Data URI или CSS, а также загрузка .svg.
07
Локальный подход — ваши работы никогда не покидают браузер.
Часто задаваемые вопросы

Часто задаваемые вопросы

Какие инструменты SVG включены?+

Четырнадцать: генераторы волн, капель, узоров, многоугольников, спиралей и звезд; редактор путей и калькулятор ViewBox; а также оптимизатор, минификатор, очиститель, упрощение пути, замена цвета и генераторы спрайтов — все в одном интерфейсе.

Как бесплатно оптимизировать файл SVG?+

Откройте оптимизатор, вставьте разметку SVG и выберите такие параметры, как десятичная точность, удаление комментариев и метаданных, а также свертывание пробелов. Инструмент показывает исходный и оптимизированный размер в байтах и ​​сохраненный процент, а затем позволяет скопировать или загрузить результат.

Как создать волну или каплю SVG?+

Используйте генератор Wave или Blob, настройте ползунки (амплитуда, частота, сложность, контрастность) и цвета, и векторные изображения будут обновляться в реальном времени. Нажмите «Случайный выбор», чтобы изучить варианты, затем скопируйте SVG или загрузите его.

Могу ли я получить SVG в качестве фона CSS или URI данных?+

Да. Каждый вывод генератора предлагает три вкладки экспорта — необработанный SVG, компактный URI данных и готовое к вставке правило фонового изображения CSS — а также загрузку .svg одним щелчком мыши.

Что удаляет очиститель SVG?+

Он удаляет декларации XML, DOCTYPE, комментарии, <метаданные> и пространства имен, специфичные для редактора (Inkscape и Sodipodi), которые добавляют векторные редакторы, оставляя чистую переносимую разметку. Вы также можете при желании удалить атрибуты id.

Загружен ли мой SVG на сервер?+

Нет. Вся генерация и обработка выполняются локально в вашем браузере с использованием клиентского JavaScript. Ваши изображения и разметка никогда не покидают ваше устройство, поэтому они остаются конфиденциальными и мгновенными.