Визуализация JavaScript: приемлемый размер карты SVG?

Question

Я пытаюсь сделать карту из файла SVG, используя Raphael.js.Моя проблема в том, что оригинальная карта довольно подробная.Я думаю, что мне нужно уменьшить количество точек в Illustrator, но я не уверен, насколько далеко я должен его подтолкнуть.

Что бы вы, грубо говоря, сказали, что приемлемый размер файла SVG?Идея состоит в том, чтобы добавить некоторую интерактивность на карту, как только я извлечу пути и визуализирую их, используя Raphael.js.

На данный момент файл, который содержит около 300 полигонов и 17.000 точек, составляет около 180 кб.

-jens

Answer 1

Я недавно столкнулся с подобной проблемой, но это были буквы, а не карта. Если вы посмотрите на исходный код SVG, он будет выглядеть примерно так ...

M 0 0 L 1.29384945877 28.494585495 L 1.29384945877 28.494585495 ... 

Все эти дополнительные цифры - точность, которая вам не нужна, вы можете выбрать один или два знака после запятой, и она будет выглядеть точно так же. Я удалил их и достиг сжатия 60-70%.

Вы можете удалить их с заменой регулярного выражения.

Answer 2

Если вы настроите свой веб-сервер на сжатие того, что он обслуживает (дефлятирование является наиболее распространенным алгоритмом), тогда файл будет сжат как само собой разумеющееся, а файлы SVG легко сжимаются благодаря повторению структуры данных.

Если он все еще слишком большой, подумайте, какова цель иллюстрации; это должно быть так подробно?