Минимизируем SVG
Уменьшите вес SVG используя минимизатор онлайн, изменения позволяют получить чистый и оптимизированный SVG-код, который будет быстрее загружаться и занимать меньше места, удалится только ненужное.
Удаляем ненужное из SVG
Удаление ненужных данных: Удаляются все компоненты, которые не влияют на визуальное отображение SVG, такие как метаданные, комментарии и данные редакторов.
Оптимизация структуры: Удаляются пустые контейнеры и неиспользуемые элементы, что делает код более компактным.
Уменьшение размера файла: За счет удаления лишних пробелов, переносов строк и неиспользуемых атрибутов размер файла значительно уменьшается.
| Компонент | Описание изменений | Пример кода до и после |
|---|---|---|
DOCTYPE |
Удаляется весь блок DOCTYPE, так как он не требуется для работы SVG в современных браузерах. |
До:
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
После: (удалено) |
XML инструкции |
Удаляются все XML-инструкции, такие как <?xml version="1.0" encoding="UTF-8"?>. |
До:
<?xml version="1.0" encoding="UTF-8"?>
После: (удалено) |
Комментарии |
Удаляются все комментарии, заключенные в <!-- ... -->. |
До:
<!-- This is a comment -->
После: (удалено) |
Метаданные (<metadata>) |
Удаляются все блоки <metadata>, так как они не влияют на отображение SVG. |
До:
<metadata>...</metadata>
После: (удалено) |
Данные редакторов (Inkscape, Adobe) |
Удаляются все атрибуты и теги, связанные с редакторами, такие как <sodipodi:...> и <inkscape:...>. |
До:
<sodipodi:namedview ...>
После: (удалено) |
Пустые атрибуты |
Удаляются атрибуты, которые не имеют значения, например attr="". |
До:
<rect fill="" stroke="" />
После: <rect /> |
<title> и <desc> |
Удаляются теги <title> и <desc>, так как они не влияют на визуальное отображение. |
До:
<title>My SVG</title>
После: (удалено) |
Пустые контейнеры |
Удаляются пустые теги, такие как <g></g>. |
До:
<g></g>
После: (удалено) |
Скрытые элементы |
Удаляются элементы с атрибутами display:none или opacity:0. |
До:
<rect style="display:none" />
После: (удалено) |
Неиспользуемые <defs> |
Удаляются блоки <defs>, если они пустые или не используются. |
До:
<defs></defs>
После: (удалено) |
Неиспользуемые пространства имен |
Удаляются неиспользуемые пространства имен, такие как xmlns:inkscape. |
До:
<svg xmlns:inkscape="...">
После: <svg> |
Лишние пробелы и переносы строк |
Удаляются лишние пробелы и переносы строк для уменьшения размера файла. | До:
<rect \n x="10" y="20" />
После: <rect x="10" y="20"/> |
Ещё минимизаторы
Версия: 04.02.25