Сжать SVG

Размер файлов SVG (вес изображения), в отличие от растровых изображений, не зависит от размера в пикселях, а зависит от объема кода. Для больших изображений преимущества формата SVG очевидны. Можно предположить, что SVG всегда превосходит растровые изображения по размеру файла, но это не всегда так. Если вы создаете веб-сайты, возможно, вы знакомы с файлами SVG. Это не очень распространенный формат изображений, но он поддерживается большинством современных веб-браузеров, таких как Google Chrome, Microsoft Internet Explorer и Mozilla Firefox. SVG, что означает масштабируемая векторная графика, представляет собой формат векторной графики на основе XML. Файлы SVG можно оптимизировать по трем параметрам: размер файла, скорость рендеринга и редактирование. В большинстве случаев необходима оптимизация для редактирования, особенно для сложных чертежей.

Объем SVG-кода можно уменьшить за счет оптимизации. Удаление метаданных. После сохранения в графических редакторах (например, Adobe Illustrator) код SVG содержит много ненужной информации, удаление которой уменьшит размер файла и никак не повлияет на изображение. Удаление ненужных предметов. Изображение может содержать ненужные или скрытые объекты, а также теги, группирующие объекты, удаление которых не влияет на изображение. Удаление неиспользуемых классов и идентификаторов. При редактировании векторных изображений графические редакторы могут добавлять к тегам классы и идентификаторы, которые в окончательной версии изображения не нужны. Оптимизация атрибутов тегов. Частое использование атрибутов можно заменить свойствами CSS: при большом количестве элементов это может значительно снизить вес SVG. Удаление ненужных узлов. Каждая точка векторного изображения отражается в объеме кода: удаление ненужных узлов поможет уменьшить его объем.