Что такое SVG?

Frontend developer
1

Слышал, что это вроде графика векторная, и она типа используется в frontend технологиях... Можете просвятить, в чём её плюсы?

2

SVG - scalar vector graphic - векторная графика.

В программировании это является языком для описания двумерной графики в XML.

SVG включает в себя 3 типа объекта:

1) Фигуры

2) Изображения

3) Текст

У SVG есть свои преимущества:

  • Уменьшение
  • Анимация
  • Размер
  • Стили
  • и Масштабирование.

Уменьшение: при использовании SVG кол-во обращений к серверу сокращается => увеличивается скорость.

Анимация: при помощи JS можно анимировать SVG и редактировать в разных редакторах

Размер: растровые изображения весят намного больше чем объекты SVG

Стили: при помощи CSS можно настраивать стили графики

Масштабирование: при масштабыровании качество изображения не теряется, в отличие от растровой графики.