Минификация и сжатие SVG-файлов с SVGO. Удаление метаданных, комментариев и избыточного кода — всё в браузере.
Optimize up to 50 SVG files at once and download as a ZIP.
Обрабатывайте до 50 файлов одновременно с Pro. Экономьте часы повторяющейся работы.
Обновиться до Pro — $8/мес.| Плагин | Что делает |
|---|---|
| removeComments | Removes XML and SVG comments |
| removeMetadata | Removes <metadata> blocks added by design tools |
| cleanupAttrs | Cleans up attribute formatting and whitespace |
| minifyStyles | Minifies inline CSS style attributes |
| cleanupIds | Removes unused IDs and shortens referenced ones |
| convertColors | Converts colors to shorter hex notation |
| convertPathData | Optimises path data commands and coordinates |
| mergePaths | Merges adjacent paths with identical styles |
| collapseGroups | Collapses unnecessary group elements |
| removeUselessDefs | Removes <defs> with no referenced elements |
Оптимизация SVG удаляет ненужный контент из SVG-файлов: метаданные редактора, комментарии, скрытые элементы, значения атрибутов по умолчанию и избыточные пробелы. Также объединяются пути, фигуры преобразуются в более короткие эквиваленты, а десятичные координаты округляются. В результате получается меньший, более чистый SVG, который рендерится идентично.
Экономия сильно варьируется в зависимости от того, как был создан SVG. Экспорт из Illustrator или Inkscape: уменьшение на 50-80%. Вручную оптимизированные SVG: 10-30%. SVG из инструментов дизайна, таких как Figma, уже довольно чисты: 20-50%. Этот инструмент показывает точную экономию в байтах.
С настройками по умолчанию оптимизация является безпотерной — оптимизированный SVG рендерится идентично оригиналу. Агрессивные опции, такие как удаление viewBox или объединение стилей, могут повлиять на масштабирование или внешние стили. Этот инструмент использует безопасные предустановки SVGO по умолчанию.
Да. Оптимизированный встроенный SVG можно вставить непосредственно в HTML. Для тегов img или фонов CSS сохраните как файл .svg. Для очень маленьких иконок рассмотрите конвертацию в URI данных (например, url("data:image/svg+xml,...")) для нулевых HTTP-запросов.