Векторная графика и изображения на сайте

Главным преимуществом векторных изображений является возможность увеличения размера картинки без потери качества детализации и без изменения их веса.

Что такое векторная графика?

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

Преимущества векторных изображений

  • Качество детализации не зависит от геометрического размера

    Масштабирование не влияет на детализацию: векторное изображение можно увеличивать на экране без потерь в качестве сколько угодно раз.

  • «Вес» файла не зависит от геометрического размера

    Установленный геометрический размер векторного изображения не влияет на «вес» файла.

  • Возможность GZIP-сжатия файлов

    Активация GZIP-сжатия SVG-файлов на сервере позволяет значительно уменьшить их «вес».

Недостатки векторных изображений

  • невозможность детального воспроизведения сложных изображений

    Векторная графика не позволяет воссоздать реалистичность фотографий: компьютерный характер векторного изображения остаётся очевидным.

  • большой размер файла для сложных изображений

    Сложность изображения определяет количество геометрических примитивов в векторном изображении, которое сказывается на размере файла.