Оптимизация SVG
Выберите статический файл SVG или вставьте код для оптимизации. Сравните изображение, код и размер файла до и после обработки, затем скопируйте результат или сохраните его как SVG.
Возможности
Оптимизация размера файла SVG
Удаление комментариев, метаданных программ редактирования, лишних символов в числах и другого содержимого.
Сравнение до и после и сохранение
Сравните отображение, код и размер файла, затем скопируйте или сохраните оптимизированный SVG.
Как пользоваться
Добавьте SVG
Выберите один файл SVG или вставьте код.
При необходимости настройте параметры
В расширенных настройках проверьте точность десятичных значений и данные для удаления. Обычно можно начать с настроек по умолчанию.
Сравните изображение и размер файла
Запустите оптимизацию и проверьте изменения внешнего вида, кода и размера файла.
Сохраните оптимизированный SVG
Скопируйте полученный код или скачайте его как файл SVG.
Когда пригодится
Уменьшение размера логотипов и значков
Очистите SVG перед публикацией в интернете и оцените соотношение внешнего вида и размера файла.
Очистка сведений о редактировании
При необходимости удалите метаданные программы редактирования и комментарии, затем сохраните файл.
Что проверить при оптимизации SVG
Метаданные и отображение — разные вещи
Можно удалить сведения о программе редактирования и комментарии. Заголовки, описания и подобное содержимое сохраняются согласно настройкам.
Когда точность десятичных значений меняет форму
Округление десятичных значений координат и других величин может изменить тонкие контуры или положение элементов. Сравните результат до и после обработки.
Проверьте CSS и ссылки в месте использования
Идентификаторы и viewBox сохраняются, но код очищается. Если используются внешние CSS или другие ссылки, проверьте вид SVG в месте публикации.
Поддерживаются статические SVG
Файлы SVG со скриптами, внешними ссылками, встроенными изображениями или анимацией не поддерживаются. Ссылки внутри SVG поддерживаются.
Часто задаваемые вопросы
Всегда ли размер файла уменьшится?
Для уже оптимизированных SVG размер файла может не измениться или даже увеличиться. Ориентируйтесь на итоговый размер файла.
Сохранится ли внешний вид?
Внешний вид может измениться в зависимости от настроек, например точности десятичных значений. Сравните предварительный просмотр до и после обработки и проверьте изображение в месте публикации.
Можно ли посмотреть исходный код?
Откройте в результатах раздел «Код до оптимизации», чтобы проверить код перед этим запуском обработки.
Работа с файлами
- Ввод
- Статический SVG в кодировке UTF-8. Исходный файл не перезаписывается.
- Результат
- Оптимизированный код SVG и файл .min.svg.