Как оптимизировать пути SVG?

запустите этот запрос перед вашим запросом:

SET @@global.innodb_large_prefix = 1;

это увеличит предел до 3072 bytes.

2
задан Duannx 19 March 2019 в 11:10
поделиться

2 ответа

SVGOMG Джейка Арчибальда, доступный по адресу https://jakearchibald.github.io/svgomg/ , является отличным инструментом с открытым исходным кодом для этого. Это позволяет легко обрезать размер разметки SVG (также с различной точностью).

Ему удалось урезать ваш образец SVG примерно на 50% без потери визуальной точности.

Если вы хотите достичь большего, вам, возможно, придется реструктурировать SVG. Размер SVG напрямую зависит от того, как он состоит из более мелких элементов (примитивов и их композиций).

Редизайн логотипа Google является хорошим примером того, как этого можно достичь. https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes- while -its-old-logo-is-14-000-bytes / answer / Ilya-Yakubovich? srid = 3a0v Кроме того, Конрад Джвинель недавно сделал небольшой урок о том, как он недавно настроил логотип DuckDuckGo https: / /twitter.com/kdzwinel/status/1097592890501615616

0
ответ дан catchergeese 19 March 2019 в 11:10
поделиться

Основная причина, по которой ваш SVG такой большой, состоит в том, что в нем много невидимых элементов. Вот краткий обзор всех path там:

SVG path elements

https://jsfiddle.net/w08bd4og/

0
ответ дан Sphinxxx 19 March 2019 в 11:10
поделиться
Другие вопросы по тегам:

Похожие вопросы: