Формат SVG - масштабируемая векторная графика для веб-разработки

SVG (от англ. Scalable Vector Graphics — масштабируемая векторная графика) — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки xml, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Поддерживает как неподвижную, так анимированную и интерактивную графику — или, в иных терминах, декларативную и скриптовую. Не поддерживает описание трёхмерных объектов.

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

• векторную графику (линии, окружности, кривые)
• текст (с форматированием, заданием стилей и эффектов)
• растровые изображения (внедряемые в SVG–документ).

Благодаря текстовой природе XML, SVG-файлы могут индексироваться поисковыми серверами, ключевые слова можно встраивать в сам SVG–документ. Таким образом вам не нужно создавать дополнительные метафайлы для поисковых серверов, как это делается в случае с Flash. Объектная модель SVG документа основана на принятом консорциумом W3C стандарте DOM (Document Object Model). SVG также может быть встроен в PDF документ.

Почти все свойства CSS 2 могут применяться в SVG в качестве встраиваемых свойств стиля, атрибутов.

Анимация реализована в SVG с помощью языка SMIL, разработанного также консорциумом W3C. Поддерживаются скриптовые языки (JavaScript) на основе спецификации ECMAScript. В SVG обеспечивается событийная модель, отслеживаются события (загрузка страницы, изменение ее параметров, события мыши, клавиатуры и др.) Анимация может запускаться по определенному событию (например «onmouseover» или «onclick»), что придаёт графике интерактивность. У каждого элемента есть свои собственные события, к которым можно привязывать отдельные скрипты.

SVG является текстовым форматом, это значит, что редактировать векторные картинки можно даже в любом тестовом редакторе.

• Онлайн редактор SVG Online - Free SVG Editor
• Онлайн редактор Редактор SVG - iodraw
• Inkscape - в качестве основного формата в программе используется SVG.
• Adobe Edge предназначен для создания простого анимированного контента на открытых стандартах: Использование HTML 5, JavaScript, CSS3.
• Altova XMLSpy — редактор xml
• BlueGriffon HTML, SVG редактор
• SVG-edit - Web- приложение SVG-Edit, которое распространяется в виде расширения для Firefox или виджета Opera и использует только JavaScript, HTML, Основы работы с CSS и SVG. Работает в офлайновом режиме и не требует подключения к Интернету. В SVG-Edit реализована поддержка растровых изображений, группировка элементов, масштабирование, слои, кривые, смена фона и многое другое.

Читайте также: Основным форматом фавиконов (Favicon) теперь является SVG, поддерживаемый всеми современными браузерами.