Инструменты95

СОЗДАВАЙТЕ ВЕЛИКОЛЕПНОЕ

Компрессор SVG.

Сжимайте и оптимизируйте файлы SVG с помощью сравнения в реальном времени и подсчета размера. Настраивайте точность, сохраняйте заголовки и описания, а также скачивайте один SVG или пакетный ZIP-архив.

Реклама
Ваша рабочая область изображений
На вашем устройстве
или перетащите сюда
SVG
Выберите изображение, чтобы начать.ИЗОБРАЖЕНИЕ
Реклама
Блог Как сжимать файлы SVG Читать руководство

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

Оптимизируйте статические иконки и иллюстрации SVG с помощью сравнения «до и после» и размера файла. Настройте точность, сохраните доступные описания и скачайте оптимизированный SVG или ZIP-архив файлов.

Четкий вид «до и после» облегчает оценку векторной оптимизации.
КРАТКИЙ ВИДЕОУРОК How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. Озвучка на английском Смотреть видео

How to compress an SVG with a preview

Функции и элементы управления

Загрузите файлы SVG или вставьте разметку

Используйте форму загрузки или вкладку «Вставить SVG».

Принимаемый ввод SVG

Загрузите до 20 файлов SVG, каждый размером не более 2 МБ. Вставка SVG принимает один документ разметки и открывает его как изображение. Файл должен быть корректным SVG. Стандартные объявления документов SVG удаляются без загрузки внешних файлов; пользовательские объявления сущностей и внутренние подмножества документов отклоняются. Инструмент предназначен для статической векторной графики, а не для интерактивных или анимированных приложений SVG.

Сравните очищенный оригинал и оптимизированный результат

Две панели показывают одну и ту же графику до и после оптимизации.

Что означает предварительный просмотр оригинала

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

Выберите практический уровень точности

Десятичная точность варьируется от 1 до 5, начиная с 3.

Числа, кривые и мелкие детали

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

Сохраняйте доступные описания и полезные идентификаторы

Доступные заголовки и описания сохраняются по умолчанию.

Доступность и внешние ссылки

«Сохранять доступные заголовки и описания» оставляет элементы title и description в SVG. «Сокращать внутренние ID» включено изначально; внутренние ссылки обновляются вместе. Отключите это, если внешние CSS или JavaScript зависят от конкретных ID, затем проверьте SVG на целевой странице. Читаемая выходная разметка жертвует частью сжатия ради кода с отступами.

Подготовьте адаптивные векторные файлы

Адаптивные размеры удаляют фиксированные параметры, если доступен viewBox.

Размеры и проверка разметки

ViewBox определяет систему векторных координат. Адаптивные размеры позволяют CSS и контексту вставки задавать размер отображения без фиксированной ширины и высоты в SVG. Это не меняет соотношение сторон изображения. Откройте «Просмотреть оптимизированную разметку SVG», чтобы проверить точный текст, который будет скачан.

Сохраните один файл или всю партию

Исходные базовые имена сохраняются, а несколько файлов скачиваются в виде одного ZIP-архива.

Локальная обработка и очистка

Парсинг, очистка и оптимизация выполняются в браузере с использованием локального рабочего потока с ограничением по времени. Скрипты, обработчики событий, внешние ресурсы, анимация и встроенные растровые изображения удаляются. Ваш исходный файл не изменяется. Нажмите «Начать», чтобы создать оптимизированный результат; проверьте его внешний вид и поведение в целевом проекте перед заменой исходного ресурса.

Файлы и обработка

Входные данные
Файлы SVG или вставленная разметка SVG
Результат
Оптимизированный SVG или один ZIP для нескольких файлов SVG

Максимум 2 МБ на файл. До 20 входных файлов за один запуск.

До 20 файлов по 2 МБ каждый. Каждый SVG может содержать до 20,000 элементов; сложные файлы могут достичь лимита оптимизации в 15 секунд.

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

Этот инструмент обрабатывает и экспортирует файлы в вашем браузере. Скачанное изображение является отдельным файлом; исходный файл на вашем устройстве не перезаписывается.

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

Обновление страницы редактора или загрузки вернет вас на страницу инструмента. Скачайте результат перед началом новой работы. Ознакомьтесь с нашими Политика конфиденциальности по обработке файлов.

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

Полезно знать.

Несколько ответов перед началом работы.

На вашем устройстве
Будет ли оптимизированный SVG выглядеть точно так же?

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

На что влияет десятичная точность?

Она управляет точностью, используемой для геометрических данных и путей. Меньшие значения могут уменьшить размер, но могут исказить мелкие детали. По умолчанию используется 3.

Сохраняются ли заголовок и описание?

Да, по умолчанию. Оставьте включенным параметр «Сохранять доступные заголовки и описания», чтобы сохранить эти элементы SVG.

Почему отсутствуют скрипты или растровые изображения?

Этот инструмент создает статический векторный вывод. Скрипты, события, внешние ресурсы, анимация и встроенные растровые изображения намеренно удаляются при очистке.

Можно ли сохранить идентификаторы, на которые ссылается CSS?

Отключите «Сокращать внутренние идентификаторы», если внешний код зависит от конкретных идентификаторов. Проверьте оптимизированный файл на целевой странице перед заменой оригинала.

Загружаются ли файлы SVG для оптимизации?

Нет. Инструмент выполняет синтаксический анализ и оптимизацию в браузере и загружает результат локально.

Можно ли загрузить SVG с DOCTYPE?

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

Реклама

Язык38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Выберите язык. Видеоуроки в настоящее время используют озвучку на английском языке.