Минимизируем SVG
Уменьшите вес SVG используя минимизатор онлайн, изменения позволяют получить чистый и оптимизированный SVG-код, который будет быстрее загружаться и занимать меньше места, удалится только ненужное. Поддерживается пакетная обработка, добавляйте одновременно несколько файлов.
Предпросмотр исходного SVG
Здесь будет предпросмотр исходного 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>, <title>, <desc>. |
По выбору ✓ | До:<title>My SVG</title>После: (удалено) |
Редакторские данные |
Удаляются теги и атрибуты Inkscape, Adobe, Sodipodi (inkscape:..., sodipodi:...). |
Всегда | До:<sodipodi:namedview ...>После: (удалено) |
Редакторские ID |
Удаляются редакторские идентификаторы: id="Capa_1", id="Layer_1". |
По выбору | До:<g id="Layer_1">После: <g> |
Оптимизация чисел |
Округление координат, удаление лишних нулей. | По выбору ✓ | До:cx="50.000000"После: cx="50" |
Упрощение стилей |
Удаление стандартных значений, пустых стилей. | По выбору ✓ | До:style="fill:#000000;"После: (удалено) |
Пустые элементы |
Удаляются пустые <defs></defs>, <g></g>. |
Всегда | До:<g></g>После: (удалено) |
Лишние пробелы |
Удаляются лишние пробелы и переносы строк. | Всегда | До:<rect \n x="10" />После: <rect x="10"/> |
Неиспользуемые пространства имен |
Удаляются неиспользуемые xmlns:inkscape, xmlns:sodipodi. |
Всегда | До:<svg xmlns:inkscape="...">После: <svg> |
Ещё инструменты
Версия: 20.01.26