SVGView

Пакетный оптимизатор SVG

Сжимайте множество SVG за один проход, сохраняя визуальный вид. Идеально для больших наборов иконок и UI-ресурсов, которым нужны меньшие размеры файлов. Открывайте файлы SVG онлайн и начинайте обработку сразу.

Добавьте SVG-файлы перетаскиванием

или нажмите, чтобы выбрать несколько файлов

Несколько .svg файлов

Почему использовать наш пакетный оптимизатор SVG?

Многофайловый перетаскивание

Очередьте десятки SVG сразу и наблюдайте прогресс для каждого файла. Пакетный оптимизатор SVG сохраняет имена файлов, так что когда оптимизатор закончит, каждый ресурс соответствует вашей существующей системе именования. Вы можете смешивать папки и отдельные файлы, затем удалять ошибки перед экспортом.

Сжатие SVGO

SVGO применяет проверенные оптимизации, такие как удаление неиспользуемых определений, обрезка точности и сворачивание ненужных групп. Пакетный оптимизатор SVG использует эти безопасные настройки по умолчанию для уменьшения размера, сохраняя стабильность рендеринга в браузерах. Если вы полагаетесь на пользовательские атрибуты данных, проверьте вывод там, где эти значения важны.

Загрузка ZIP

Пакетный оптимизатор SVG упаковывает все оптимизированные файлы в один ZIP для легкой передачи. Для систем дизайна вывод оптимизатора может быть сброшен прямо в репозиторий или конвейер ресурсов без дополнительной упаковки. ZIP остается простым и легким для обмена с коллегами. Вы можете распаковать и проверить несколько файлов за секунды.

Локальная обработка

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

Мгновенные результаты

Смотрите общую экономию размера по пакету и выявляйте любые выбросы. Пакетный оптимизатор SVG помогает вам идентифицировать тяжелые активы и приоритизировать дополнительную очистку, где это необходимо. Быстрое сравнение помогает решить, стоят ли более глубокие редакции времени.

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

1

Загрузить несколько SVG

Перетащите папку или выберите много файлов. Пакетный оптимизатор SVG перечисляет их и готовит каждый для обработки SVGO перед запуском. Вы можете переупорядочить или удалить файлы перед запуском пакета. Открывайте файлы SVG онлайн и начинайте обработку сразу.

2

Оптимизировать с SVGO

Запустите оптимизацию с рекомендуемыми настройками или вашими выбранными опциями. Пакетный оптимизатор SVG очищает метаданные, комментарии и избыточные атрибуты в каждом файле для меньших выводов. Если файл необычно большой, упростите формы или конвертируйте текст в пути в источнике.

3

Скачать ZIP

Скачайте ZIP, который зеркалирует оригинальные имена файлов и структуру. Вывод пакетного оптимизатора SVG готов для production сборок или дальнейшего преобразования. Используйте ZIP напрямую в CI, или распакуйте и просмотрите несколько файлов как sanity check.

FAQ пакетного оптимизатора SVG

Как пакетно оптимизировать файлы SVG онлайн?
Пакетный оптимизатор SVG отправляет каждый файл через SVGO, который удаляет избыточную разметку, обрезает точность и сбрасывает метаданные, сохраняя SVG визуально идентичным. Пакетный оптимизатор SVG использует безопасные пресеты, подходящие для большинства иконок и иллюстраций, но вы все равно должны просмотреть сложные файлы перед отправкой. Для файлов с встроенными шрифтами конвертируйте текст в пути, чтобы избежать раздутия метаданными шрифтов. Если вы полагаетесь на теги доступности, проверьте, что они остаются как ожидалось.
Изменит ли пакетная оптимизация SVG внешний вид моего SVG?
Цель пакетного оптимизатора SVG - сохранить рендеринг неизменным. Большинство иконок выглядят идентично после сжатия, но чрезвычайно сложные файлы или файлы, зависящие от метаданных редактора, должны быть просмотрены. Используйте предварительный просмотр и сравните размеры, чтобы пакетный оптимизатор соответствовал вашему процессу QA. Если вы видите различия, уменьшите агрессивные опции или оставьте этот файл неоптимизированным.
Есть ли ограничение размера файла для пакетного оптимизатора SVG онлайн?
Пакетный оптимизатор SVG обрабатывает файлы до 10MB каждый. Для огромных пакетов производительность зависит от вашей машины. Если это медленно, разделите пакет на меньшие группы; пакетный оптимизатор SVG сохранит имена файлов, чтобы вы могли объединить результаты позже. Закрытие тяжелых вкладок и использование современного браузера может улучшить пропускную способность. Если вы видите предупреждения о памяти, уменьшите размер пакета и повторите, чтобы сохранить рабочий процесс стабильным.
Загружаются ли мои файлы?
Нет. Пакетный оптимизатор SVG работает полностью в вашем браузере, так что ваши файлы никогда не покидают ваше устройство. Это делает пакетный оптимизатор SVG подходящим для конфиденциальных активов, внутренних систем брендов и клиентской работы. Ничего не хранится или отправляется в аналитику, и вы можете использовать инструмент оффлайн.
Что я получаю после оптимизации?
Вы получаете ZIP, содержащий оптимизированные SVG с теми же именами и порядком. Вывод пакетного оптимизатора SVG готов для контроля версий, загрузки CDN или следующего шага в вашем конвейере преобразования. Вы можете распаковать и diff против оригиналов, если вам нужен аудитный след для QA. Если вы отслеживаете бюджеты размера, ZIP делает легким измерение общей экономии на релиз.
Бесплатен ли пакетный оптимизатор SVG без загрузки?
Да. Пакетный оптимизатор SVG бесплатен для использования в вашем браузере. Не требуются загрузки или установка.
Нужен ли аккаунт для использования пакетного оптимизатора SVG?
Нет. Пакетный оптимизатор SVG работает мгновенно в браузере без регистрации, и файлы остаются локальными.

Связанные инструменты SVG

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

Оптимизатор SVG

Оптимизируйте один SVG за раз, если вам нужна ручная проверка перед запуском пакетного оптимизатора SVG.

Открыть инструмент

Пакетный конвертер SVG

Конвертируйте несколько SVG в PNG, JPG или WebP после сжатия.

Открыть инструмент

Просмотрщик SVG

Предварительно просматривайте SVG до или после оптимизации, чтобы проверить viewBox, размеры и рендеринг.

Открыть инструмент

SVG в PNG

Экспортируйте PNG из оптимизированных SVG с контролями масштаба для retina или печати.

Открыть инструмент

Связанный SVG-блог

Продолжите чтение практических материалов о рабочих процессах SVG, устранении проблем и продакшене.