Оптимизация SVG для Веб. Компрессия кода.
SVG-элементы для сайта набирают большую популярность, т. к. эти элементы одинаково смотрятся как на смартфонах, так и на больших 4К мониторах.
Цель данного услуги — по максимуму сократить код: чем меньше кода, тем файл легче. Добиться этого можно:
•сокращаем количество отдельных узлов по максимуму:
•применяем относительные координаты вместо абсолютных (при этом чтение кода человеком усложняется);
•используем возможности SVG (градиенты, фильтры) для создания различных эффектов — минимум графических данных для получения результата;
•SVG поддерживает CSS наследование и группировку.
•Использую так же это;
•сокращаю точность данных: для нормального отображения достаточно 2-3 знаков после запятой;
•сокращение цветов (например, #ffffff = #FFF);
•использую возможности тега path для более компактной записи: относительные координаты, h и v для вертикальных и горизонтальных линий, s и t для задания квадратичных и кубических кривых.
- Стоит предварительно уточнить информацию.
- внимание!!! Присылайте файлы в векторе, без обтравочных контуров и др. эффектов. Объекты в векторе должны быть чистыми фигурами с градиентами.
- Возможно отделить текст от полигона.