Сжатие файлов SVG

SVG (Scalable Vector Graphics) состоит не из пикселей — это текстовый файл на языке XML, описывающий фигуры, контуры и цвета математическими инструкциями. Именно поэтому логотип в SVG остаётся идеально чётким при любом размере — от фавикона до рекламного щита, — и именно поэтому это формат выбора для иконок, логотипов и иллюстраций в вебе. Поскольку это код, а не растровая сетка, сжатие SVG означает очистку этого кода, а не отказ от визуальных деталей — так что экономия достигается практически без потери качества.

Инструменты дизайна вроде Illustrator, Figma и Sketch экспортируют SVG, технически корректные, но переполненные лишним. Эти накладные расходы быстро накапливаются, особенно когда вы встраиваете в страницу десятки иконок:

• Метаданные редактора, комментарии и пространства имён, которые браузеры игнорируют
• Избыточная точность десятичных знаков в координатах (десять цифр там, где хватило бы двух)
• Скрытые слои, пустые группы и неиспользуемые определения
• Избыточные атрибуты и встроенные стили, которые можно упростить
• Пробелы и отступы, предназначенные для людей, а не для браузеров

MiCompress минифицирует ваш SVG так же, как это сделал бы инструмент сборки: удаляет мусор редактора и комментарии, округляет координаты до разумной точности, схлопывает избыточные атрибуты, убирает скрытые и пустые элементы и вычищает лишние пробелы. Отображаемая картинка побайтово идентична на глаз, потому что ни одно из этих изменений не затрагивает сами фигуры — только способ их записи. В результате получается более лёгкий, чистый SVG, который рендерится быстрее и его проще встроить прямо в ваш HTML или CSS.

В отличие от JPG, PNG или WebP сжатие SVG по-настоящему безпотерьное в самом важном смысле: поскольку вы оптимизируете код, описывающий векторы, изображение по-прежнему масштабируется бесконечно и выглядит идеально чётким при любом увеличении. Здесь нет ползунка качества и компромиссов для взвешивания. Уменьшается только число символов в файле — а это именно то, что нужно для ресурса, который будет загружаться при каждом открытии страницы.

Для логотипов, иконок и простых иллюстраций SVG почти всегда обходит растровый формат: он обычно легче, всегда чёткий и может стилизоваться или анимироваться через CSS. Обращайтесь к PNG или WebP только тогда, когда изображение — фотография или содержит сложную, живописную детализацию, которая не сводится к чистым векторным контурам. Если вы всё ещё экспортируете иконки как PNG, переход на минифицированный SVG обычно уменьшает вес и устраняет размытие, которое возникает на экранах высокого разрешения.