Оптимизация / сжатие SVG-изображений

[hands]

Изображение в примере из поста, открыл в Corel Draw X6, экспортировал в svg с настройками по умолчанию, размер файла — 1,98 МБ (2 081 121 байт). Файл.
Lorents протестируйте мой файл возможно получится еще уменьшить.

[Lorents]

Сделал rghost.ru/47148372 — 28,2%

[deepsweet]

привет.
я – автор SVGO (SVG Optimizer).

если есть какие-нибудь вопросы или пожелания, буду рад ответить и выслушать.
немного подробностей можно найти в моём докладе на ноябрьском Web Standards Days в Москве, где я рассказал про общие принципы оптимизации SVG и пропиарил утилиту в целом :)

на сегодняшний день SVGO ещё не исчерпал всех тех идей оптимизации, которые накопились, т.е. результат может быть ещё круче, чем в нынешней таблице сравнения (касательно как степени сжатия, так и скорости работы).

[ganqqwerty]

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

[deepsweet]

я бы ещё добавил, что искажения можно разделить на два вида: 1) явные баги, когда утилита ломает оригинальный результат рендеринга 2) осознанные «lossy» искажения (например, слегка уменьшить точность чисел с плавающей точкой в огромных массивах координат Path).

и если вторые можно контролировать, то первые порой абсооютно непредсказуемы – я ловил очень прикольные глитчи в процессе разработки :)

[Envek]

Попробуйте киллер-фичу формата: gzip-сжатие!

envek@envek-work:~/svg$ gzip -c --best administrative-map.svg > administrative-map.svgz
envek@envek-work:~/svg$ ls -lh
-rw-rw-r-- 1 envek envek 84K июля   2 16:36 administrative-map.svg
-rw-rw-r-- 1 envek envek 31K июля   2 16:36 administrative-map.svgz

Жаль, браузеры пока о такой файл спотыкаются, если сервер не скинет следующие заголовки (соответственно, локально не открывают):

Content-Type: image/svg+xml
Content-Encoding: gzip

[deepsweet]

сюда ещё хорошо подходит гугловый Zopfli, XML вообще хорошо жмётся по своей природе.

[Envek]

Тут фишка в том, что gzip уже является частью формата (как минимум, де-факто), его поддерживают все браузеры (редакторы тоже должны, inkscape понимает, убунта для них превьюхи строит успешно), браузеры же корректно открывают сжатые файлы, если им сказать, что они сжатые. Осталось только браузерам сказать, чтобы они для расширения svgz пробовали сначала прогнать файл через gunzip — и всё.

[deepsweet]

я понимаю.
фишка Zopfli как раз в том, чтобы статически сжать svg → svgz с чуть большим сжатием, чем даже «gzip --best», с обратной совместимостью, никак не влияющей на существующие браузеры.