SVG Optimizer

Оптимизируйте SVG-файлы с настраиваемой очисткой SVGO, сжатием, предпросмотром, копированием и скачиванием

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

Что делает этот инструмент

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

Чем это полезно

SVG-файлы, экспортированные из дизайн-инструментов, часто содержат metadata редактора, многословные paths, неиспользуемые IDs и комментарии. Оптимизация может уменьшить размер загрузки, ускорить загрузку страницы и сделать inline SVG-код проще для проверки перед публикацией на сайте, в приложении, письме или странице документации.

Как это работает

Загрузите файл .svg или вставьте SVG-разметку, выберите безопасный пресет или настройте отдельные проходы SVGO, затем запустите оптимизацию. Инструмент показывает предпросмотр исходной и оптимизированной версии, экономию в байтах и итоговую разметку, чтобы вы могли скопировать ее или скачать файл .optimized.svg. SVG не нужно покидать ваше устройство.

Практические замечания

  • Оставляйте безопасный пресет, когда SVG зависит от внешнего CSS, scripted IDs или symbol references, которые сложно быстро проверить.
  • Используйте агрессивный пресет для простых экспортированных значков, логотипов и иллюстраций, где допустимо удаление размеров и встраивание стилей.
  • Просматривайте оптимизированное изображение перед заменой исходной графики, особенно если источник использует masks, gradients, filters или связанные ресурсы.