Как оптимизировать svg код полученный из векторного редактора

#html5 #svg #inkscape

Мне необходимо как-то оптимизировать код, получаемый на выходе из векторного редактора
Inkscape 

Для примера рисую базовую фигуру SVG - circle, формула которой состоит всего из нескольких
строк вместе со всеми объявлениями SVG формата:



	




Рисую ту же окружность в векторном редакторе Inkscape и сравниваю с полученный код:









Размер файла 2.5кB и 94 строки служебного кода Inkscape

Как мне оптимизировать код, убрать всю избыточную служебную информацию для векторного
редактора, уменьшить количество знаков после запятой и т.д.
    

Ответы

Ответ 1

Если хотите воспользоваться уже готовым, чужим файлом inkscape, то
тогда для оптимизации кода нужно воспользоваться SVG-Editor по методике 1-го ответа    
Если вы создаёте самостоятельно svg изображение в Inkscape, то
можно  просто сохранить "как оптимизированный svg"


И кстати inkscape позволяет сохранять не только svg но и canvas


Ответ 2

Для оптимизации кода есть оптимизатор - SVG-EDITOR от Peter Collingridge  

Интерфейс редактора прост и интуитивно понятен.


На первой вкладке "Input" копируем в окно содержание svg файла.





На второй вкладке - "Optimise" набор чекбоксов, выбирая которые
можно гибко настроить режим оптимизации.


 

В группе радиокнопок -Optimisation - три набора режимов оптимизации.    


Допустим выбираем самый жёсткий режим - Extreme (may alter image
quality)   





Необходимо отключить следующие чекбоксы:


Remove whitespace - иначе код будет идти сплошной строкой
Combine paths where possible - иначе все формулы патчей будут соединены вместе     


Далее в Decimal places выбираем или оставляем как есть (1)
количество знаков после запятой.     При этом смотрим на изображение в окне, если
происходят изменения в сторону ухудшения изображения, то количество знаков нужно увеличить. 


В реальном режиме времени при изменениях настроек оптимизации будет показываться
размер оптимизированного файла, который уменьшается по сравнению с не оптимизированным
файлом в несколько раз.