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

Здесь можно отметить несколько очевидных преимуществ, как например то, что векторную графику можно масштабировать без потери качества. SVG-изображение будет отлично смотреться на экранах Retina. Наконец, к такому виду изображений можно привязывать взаимодействия.

Кроме того, хотим рассказать вам о новой javascript SVG библиотеке под названием Snap.svg. Эта библиотека была разработана для современных браузеров, и поддерживает самые новые SVG-свойства вроде маскирования, резки, паттернов, градиентов, группирования и многого другого.

При помощи Snap.svg вы можете как создавать новые SVG-элементы, так и работать с теми, которые ранее были разработаны при помощи Adobe Illustrator, Inkscape или Sketch. Вы можете даже асинхронно загружать строки SVG, и запрагивать отдельные фрагменты, что позволяет вам превратить SVG в спрайт-изображение. Snap.svg также предлагает отличную документацию, - самый важный элемент для разработчиков!