Векторная графика

Векторная графика в отличие от растровой имеет одно ключевое преимущество — возможность масштабировать изображение без потери качества. Эта особенность будет полезна в следующих ситуациях:

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

Сравнение векторной и растровой графики

Масштаб Векторное изображение Растровое изображение
100 % Векторное изображение 128x128 px Растровое изображение 128x128 px
200 % Векторное изображение 256x256 px Растровое изображение 256x256 px

Ухудшение качества изображения при масштабировании, обусловлено тем, что векторное изображение представляет набор графических примитивов. Растровое изображение — матрица фиксированного размера, состоящая из точек (пикселей).

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

Области применения

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


Примеры работ, использующих векторную графику

ЯЗТО

Разработка и создание сайта для Ярославского Завода Технологической Оснастки.

Феникс

Создание сайта производственной компании.

ЯрСельхозМонтажПроект

Создание и продвижение сайта завода металлоконструкций.

Школа № 49

Создание сайта средней школы.