Svg тип изображений

Способ 1: RapidTables

Онлайн-сервис RapidTables поддерживает не только открытие изображений, хранящихся в формате SVG, но и позволяет редактировать их в режиме реального времени, чтобы потом сохранить на своем компьютере. Просмотр и последующее изменение содержимого происходят следующим образом:

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

Отобразится окно «Проводника», в котором и следует выбрать подходящую картинку.

Ознакомьтесь с ее содержимым в блоке «View».

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

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

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

Осторожно подходите к процессу редактирования, а если что-то вдруг пошло не так, сразу же возвращайте картинку к исходному состоянию, чтобы не нарушить ее целостность. Если вы впервые сталкиваетесь с такой задачей, ознакомьтесь с информацией в интернете или переходите к Способу 3, где изменение осуществляется при помощи стандартных графических инструментов

Режим stack

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

Соответственно, нам также доступны два способа использования.

Как фоновая картинка

и как обычное изображение

Ситуация с поддержкой браузерами тут немного хуже, чем в предыдущем способе. Помимо отсутствия поддержки в iOS 9, идентификаторы фрагмента не работают для фоновых изображения в Chrome по 48 версию включительно. Однако в будущем, когда ситуация с поддержкой улучшится, этот способ может стать очень популярным, потому что позволяет использовать одну и ту же иконку как для фона, так и для изображения без ограничений.

Преимущества: Аналогично предыдущему способу, но нет ограничений для изменения размера в зависимости от способа использования.

Недостатки: Проблемы с поддержкой браузерами в настоящий момент. Нет возможности смены цвета через CSS. Из-за особенностей метода все иконки скрыты по умолчанию, поэтому визуально оценить готовый спрайт затруднительно.

Способ 3: Method

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

1. При открытии вкладки редактора наведите курсор на меню «File» и выберите пункт «Open SVG».

Откроется «Проводник», где отыщите нужное изображение.

Подтвердите открытие нового файла.

Теперь вы можете посмотреть на изображение в отдельном блоке.

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

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

Внизу отображается палитра с цветами, которые вы тоже можете применять к фигурам, тексту или кистям.

Если нажать на активный цвет, откроется отдельное окно, где выбор подходящего оттенка происходит в более гибком варианте.

По завершении через то же меню «File» сохраните изображение или экспортируйте его как PNG-файл.

Подробнее: Открываем файлы векторной графики SVG

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Программа №1: GIMP

Говоря о том, чем открыть SVG, изначально стоит привести мощный текстовый редактор, который находится в открытом доступе — это GIMP. Если в двух словах о программе, то она бесплатный аналог Photoshop. Итак, чтобы в ней открыть файл формата SVG, вам нужно:

1. Запустив программу, нажать по кнопке «Файл» и выбрать в меню пункт «Открыть». Также это действие совершается нажатием клавиш Ctrl+O.
2. Появится файловый менеджер. В нем перейдите в директорию, где находится файл SVG, выделите его и нажмите «Открыть».
3. Появится новое окно, в котором вы можете задать настройки размера и размещения изображения. Рекомендуется ничего не изменять, так как программа самостоятельно подбирает оптимальные параметры, поэтому просто нажмите «ОК».

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

Теперь вы знаете первый способ, чем открыть SVG. Но GIMP, это не единственная программа для этого.

Тип файла 1 Масштабируемый векторный графический файл

разработчик	Adobe Systems
популярность	4.4 (217 голосов)
категория	Векторные файлы изображений
Формат	XML X Этот файл сохраняется в формате XML. Вы можете просмотреть структуру XML и содержимое файла в текстовом редакторе.

Что такое файл SVG?

Файл SVG — это графический файл, который использует формат двумерной векторной графики, созданный Консорциумом World Wide Web (W3C). Он описывает изображения, используя текстовый формат, основанный на XML. Файлы SVG разработаны как стандартный формат для отображения векторной графики в Интернете. Дополнительная информация

.SVG Расширение файла image / svg_399.jpg «>

SVG-файл открывается в CorelDRAW Graphics Suite X8

Формат SVG — это открытый стандарт, разработанный в рамках W3C (World Wide Web Consortium), где Adobe играет главную роль. Изображения SVG можно создавать и экспортировать из программ Adobe Creative Suite, таких как Illustrator и GoLive.

Формат SVG изначально не поддерживается Adobe Photoshop, Photoshop Elements и InDesign. Однако вы можете открывать файлы SVG в этих программах с помощью плагина SVG Kit для Adobe CS, разработанного Scand.

Дополнительную информацию о формате SVG можно найти в Интернете на информационной странице Adobe Scalable Vector Graphics.

Windows

File Viewer Plus Microsoft Visio 2019 CorelDRAW Graphics Suite 2018 Corel PaintShop Pro 2019 GIMP Inkscape CADSoftTools ABViewer Adobe Illustrator CC 2019 Adobe InDesign CC 2019 Веб-браузер

макинтош

Inkscape GIMP Adobe Illustrator CC 2019 Adobe InDesign CC 2019 Веб-браузер

Linux

GIMP KolourPaint Inkscape Веб-браузер

Web	Гугл Диск UnitePDF SVG в PDF конвертер

Android

Просмотрщик файлов для Android

Тип файла 2Saved Game File

разработчик	N / A
популярность	2,7 (33 голоса)
категория	Файлы игр
Формат	N / A X Категории форматов файлов включают в себя двоичные, текстовые, XML и Zip. Формат этого типа файла не был определен.

Ассоциация файлов .SVG 2

Сохраненный файл игры, созданный различными играми, включая Quake III: Team Arena, Return to Castle Wolfenstein и Grand Theft Auto 2 (GTA2); сохраняет прогресс игрока в игре и позволяет возобновить прогресс; обычно сохраняются игрой, и пользователю не нужно вручную обращаться к самому файлу. Дополнительная информация

Поскольку разные игры используют разные форматы для файлов SVG, вам, возможно, придется попробовать несколько программ, прежде чем открывать их. Например, GTA2 Saved Game Editor может редактировать SVG-файлы, созданные в GTA2, но не SVG-файлы, созданные в Quake III: Team Arena.

НОТА: Если у вас нет программы, которая открывает или редактирует файлы SVG, попробуйте открыть файл SVG в текстовом редакторе, таком как Блокнот.

Windows

Редактор сохраненных игр GTA2

О файлах SVG

Наша цель — помочь вам понять, что такое файл с суффиксом * .svg и как его открыть.

Все типы файлов, описания форматов файлов и программы, перечисленные на этой странице, были индивидуально исследованы и проверены командой FileInfo. Мы стремимся к 100% точности и публикуем информацию только о тех форматах файлов, которые мы тестировали и проверяли.

Формат svg, что это? Текстовый формат и SVG графика

Здравствуйте, друзья! В Интернете есть много форматов, которые хранят в себе медиа-файлы. Сегодня будем говорить о формате SVG и рассматривать вопрос, формат svg, что это? Ведь многие новички еще не знают, что это за формат и как с ним работают.

Итак, SVG формат – это масштабируемая векторная графика. Информация из Википедии. Простыми словами это файл языковой разметки XML, который хранит растровые изображения (скрин 1).

Файлы в формате SVG состоят из текстового формата, который описывает векторную графику с помощью кода (скрин 2).

Допустим, есть картинка в формате СВГ. На ней изображается лес и люди гулящие по лесу. Данный формат хранит эту картинку и вместе с тем описывает ее через программный код. То есть, именно то, что сохранено в растровом формате. Растровые картинки имеют такие форматы, как Jpg, Png, tiff и другие.

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

Ниже в статье мы покажем, где использовать формат SVG. Будут рассмотрены преимущества и недостатки формата, сделаем конвертацию данного формата в другой.

Вторая попытка: Node.js

Если на PHP не выходит, значит, можно попробовать другой язык программирования — JavaScript. И его серверную версию Node.js.

При установке мы столкнулись с некоторыми сложностями: библиотеки и их зависимости были установлены, но при попытке сконвертировать SVG в PNG полетели ошибки. Для решения вновь придётся заниматься кропотливой установкой библиотек, соблюдать правильную версионность, искать причины ошибок в сети — на этот раз для node.js.

Современный программист при написании программ массово использует уже готовые библиотеки, написанные и развиваемые кем-то ещё. Это напоминает сборку автомобиля из отдельных узлов и агрегатов.

Но проблема многих модулей и программных библиотек — их несовместимость между собой. Авторы библиотек не успевают за изменениями друг друга. Да и компьютеры и операционные системы у всех разные.

Выход — отказаться от библиотек и использовать чужие готовые программы.

Системы координат

В SVG-документе есть две системы координат:

1. Система координат области отрисовки — viewport space.
2. Система координат содержимого — user space.

Отсчет системы координат вьюпорта начинается от левого верхнего угла вьюпорта, системы координат содержимого — от левого верхнего края вьюбокса.

По умолчанию система координат содержимого соответствует системе координат вьюпорта, а единицы измерения содержимого — единицам измерения вьюпорта, но при использовании трансформаций или масштабируется вся система координат с единицами измерения, то есть пиксели из user space больше не равны пикселям из viewport space.

Поизменяйте размеры элемента и посмотрите что происходит с системой координат содержимого (она показана бирюзовым):

Система координат содержимого начинается из точки 0,0, и если вьюпорт и вьюбокс не совпадают, точка отсчета, как и вся система координат содержимого, будет ездить и масштабироватся вместе с вьюбоксом.

Масштабирование единиц измерения хорошо видно на примере обводки: изначально её толщина равна единице, но при изменении размеров видимая толщина обводки будет изменяться вместе с фигурой:

Если такое поведение нежелательно, это можно исправить с помощью свойства со значением , оно добавляется к содержимому SVG:

можно задавать как атрибутом, так и в CSS.

Также новая система координат создается при добавлении трансформаций:

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

Тема может выглядеть сложной, но на самом деле, достаточно немного поиграться с кодом, и всё станет понятно. Для лучшего понимания систем координат, размеров и трансформаций в SVG рекомендую демо Сары Суайдан, а также её статьи:

• Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio
• Understanding SVG Coordinate Systems and Transformations (Part 2) — The transform Attribute
• Understanding SVG Coordinate Systems and Transformations (Part 3) — Establishing New Viewports

Конвертеры SVG в PNG

Просмотреть файл SVG как обычную картинку можно просто перетащив его на окно браузера, но бывает и так, что SVG-документ необходимо сконвертировать в более доступный и привычный графический формат, скажем, PNG. Если конвертируемых файлов много, есть смысл воспользоваться бесплатной тулзой SVG2PNG, позволяющей преобразовывать SVG в PNG в пакетном режиме. Чтобы конвертировать SVG в PNG, запустите утилиту, перетащите в ее окно векторные файлы, нажмите «Start» и получите результат.

В остальных случаях будет меньше мороки, если воспользуетесь бесплатными конвертерами SVG в PNG, работающими в режиме онлайн. В частности, это svgtopng.com/ru, convertio.co/ru/svg-png и image.online-convert.com/ru/convert-to-png.

Какой из них удобнее, решайте сами. Все эти три конвертера бесплатны и поддерживают работу в пакетном режиме, а Online-Convert вдобавок ко всему еще предоставляет возможность гибкой настройки выходных параметров PNG-файла.

Базовые формы SVG

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

Линия

Для вывода линии в SVG используется элемент . Он рисует отрезок, для которого нужно определить две точки: начало и конец.

<svg>
<line x1="0" y1="0" x2="200" y2="200" stroke-width="1" stroke="rgb(0,0,0)"/>
</svg>

Начало отрезка определяется атрибутами  и , а конечная точка определяется координатами в атрибутах and .

Также имеется два других атрибута ( и ) которые используются для определения цвета и ширины линии соответственно.

SVG-теги

<svg>

Тег внедряет SVG-документ внутрь текущего документа, например, HTML. Тег имеет свои координаты X и Y, высоту и ширину, и свой уникальный id.

Вот как он может выглядеть:

<g>

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

Вот пример тега :

<rect>

Элемент представляет собой базовую фигуру SVG — прямоугольник. Он может иметь различные атрибуты, такие как координаты, высота, ширина, цвет заливки, цвет обводки и острые или закруглённые углы.

Вот пример тега :

<use>

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

Вот пример тега :

<path>

Элемент определяет путь, состоящий из координат точек для формирования фигуры. Код с использованием может казаться магией, но не пугайтесь! В примере ниже код можно прочесть как:

1. «M150 0» — переместись на (150,0);
2. «L75 200» — нарисуй линию к (75,200) от предыдущей точки (которая имела координаты (150,0));
3. «L255 200» — нарисуй линию к (225,200) от предыдущей точки (которая имела координаты (75,200));
4. «Z» — закрой путь (нарисуй линию к начальной точке).

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

Вот пример тега :

<symbol>

И, наконец, элемент определяет символы, которые могут быть использованы повторно. Эти символы отрисовываются только при помощи тега .

Вот пример тега :

Устранение неполадок при открытии файлов SVG

Общие проблемы с открытием файлов SVG

No Cash GBA (No$GBA) не установлен

Дважды щелкнув по файлу SVG вы можете увидеть системное диалоговое окно, в котором сообщается «Не удается открыть этот тип файла». В этом случае обычно это связано с тем, что на вашем компьютере не установлено No Cash GBA (No$GBA) для %%os%%. Так как ваша операционная система не знает, что делать с этим файлом, вы не сможете открыть его дважды щелкнув на него.

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

Установлена неправильная версия No Cash GBA (No$GBA)

В некоторых случаях у вас может быть более новая (или более старая) версия файла Saved Game File, не поддерживаемая установленной версией приложения. При отсутствии правильной версии ПО No Cash GBA (No$GBA) (или любой из других программ, перечисленных выше), может потребоваться загрузить другую версию ПО или одного из других прикладных программных средств, перечисленных выше. Такая проблема чаще всего возникает при работе в более старой версии прикладного программного средства с файлом, созданным в более новой версии, который старая версия не может распознать.

Совет: Иногда вы можете получить общее представление о версии файла SVG, щелкнув правой кнопкой мыши на файл, а затем выбрав «Свойства» (Windows) или «Получить информацию» (Mac OSX).

Резюме: В любом случае, большинство проблем, возникающих во время открытия файлов SVG, связаны с отсутствием на вашем компьютере установленного правильного прикладного программного средства.

Даже если на вашем компьютере уже установлено No Cash GBA (No$GBA) или другое программное обеспечение, связанное с SVG, вы все равно можете столкнуться с проблемами во время открытия файлов Saved Game File. Если проблемы открытия файлов SVG до сих пор не устранены, возможно, причина кроется в других проблемах, не позволяющих открыть эти файлы. Такие проблемы включают (представлены в порядке от наиболее до наименее распространенных):

Блог Евгения Крыжановского

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

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

Чем открыть файл с расширением .svg?

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

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

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

Чем открыть SVG-файлы по умолчанию?

Стоит отметить, что самым простым методом открытия файла различного типа является совершение двойного клика в обыкновенном «Проводнике». Стоит отметить, что при этом операционная система самостоятельно определяет, какое именно средство из ее набора используется, чтобы открыть файл заданного типа. SVG-файл, по сути, является универсальным. По сути, каждая программа, которая поддерживает стандарт Scalable Vector Graphics, от чего и происходит сокращение, способна функционировать с ним без особых проблем. Стоит отметить, что тот же Adobe Illustrator либо пакет Corel Draw последней версии или похожие на них программные пакеты могут производить обработку файлов данного типа.

Если установлены соответствующие приложения, проблемы, как правило, не возникают. В случае, когда используется более простенькая программа, к примеру, обычный «майкрософтсофский» Paint, Paint .NET или редактор, которые входят в состав главного пакета Microsoft Office любой версии и года выпуска, на что-то сверхъестественное рассчитывать не стоит. Конечно, они способны работать с такими данными, однако не всегда выступают в качестве лучших утилит, предназначенных для редактирования. Файл SVG может ними и не распознаваться.

Так или иначе, можно просто просмотреть картинку, изменить ее расположение на листе, слегка «подредактировать» краски либо насыщенность. Что касается остального, останется, как все и было, а иногда даже и хуже. Таким образом, необходимо посмотреть на то, чем можно открывать SVG-файл в области редактирования с использованием сопутствующих программ и приложений.

Средства обработки данных формата SVG

Возможно, это покажется удивительным, но считается, что расширение .svg не имеет принадлежности в плане сопоставленной программы. Однако оно является форматом масштабируемой графики. Стоит отметить, что не имеет особого значения, чем открывать SVG-файл. Если существует достаточное число установленных программ и приложений, операционная система самостоятельно предлагает выбрать подходящее приложение. Не стоит также забывать о том, что аналогичная проблема, которая имеет отношение к тому, как и чем открывать SVG-файл, можно рассмотреть и с другой стороны. Ведь файлы такого типа способны содержать разметку HTML или XML. Таким образом, редактировать такие данные необходимо с помощью специализированных программ.

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

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

В представленной статье был рассмотрен вопрос о том, чем SVG-файлы. Рассмотрены основные аспекты такой проблемы и предложены способы ее решения. Эта информация способна помочь многим пользователям, которые заинтересованы в этом вопросе.

Настоящее и будущее SVG

SVG картинка может являться частью веб-страницы, наряду со слоями, таблицами и т.п. тегами. Каждый элемент SVG является и элементом DOM, тоесть маленькой частичкой страницы. А это открывает очень большие возможности для вебмастеров. С помощью JavaScript можно управлять рисунком и наладить взаимосвязь пользователя и рисунка. Кроме того, SVG отлично сочетается со стилями CSS. 

SVG в сочетании с другими технологиями HTML5 и JavaScript вполне может выступать конкурентом Flash с его Action Script. Учитывая, что Flash является всего-лишь сторонним плагином к браузеру, а SVG неотъемлемой частью веб-страницы, не нужно быть ясновидцем, чтобы предугадать, что произойдет в ближайшее время. 

С развитием Интернета, SVG приобретает все большую и большую популярность, сегодня почти все современные браузеры поддерживают данную технологию. В ногу со временем и браузерами идут веб-разработчики, которые видят за данной технологией будущее Интернета.

Дата: 2010.05.14 в 20:37:20
Пожалуйста, при копировании материала ставьте активную ссылку на статью.

Чем отредактировать SVG рисунок?

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

Таблица со списком ПО для работы с векторной графикой, многие элементы списка поддерживают SVG:

Название	Разработчик	Цена
AutoTrace	Martin Weber	свободная
Easy Trace	Easy Trace Group	1500 €, 750 € upgrade
Freehand	Macromedia	$399, $99 upgrade
Illustrator	Adobe Systems	$499, $169 upgrade
MagicTracer	Elgorithms MagicTracer	$59
MST Viewer	MS Technology	Commercial Use Only
PhotoLine	Computerinsel GmbH	59 €
Potrace	Peter Selinger	свободная
R2V Toolkit	AlgoLab	$99
Ras2Vec	Davide Libenzi	свободная
Image2XAML	Roman Kalachik	свободная
Raster to Vector	Raster to Vector	$99
RasterVect	RasterVect	$79
RaveGrid	RaveGrid	свободная для персонального использования (доступна коммерческая версия)
Scan2CAD Pro	Softcover Intn’l	$469, $190 upgrade
Silhouette Pro	Free Soft S.A.	$359
Adobe Streamline	Adobe Systems	?
Vector Magic	Vector Magic	$7.95/mo, $295/lic, tokens
Vextractor	VextraSoft	$99
VPHybridCAD	softelec	$1400
WinTopo Freeware	SoftSoft	свободная
WiseImage	Consistent Software	$1400
RasVector	Daniel Lu	GPL
Xara Xtreme	Xara Group Ltd.	79$ Windows версия, Linux версия свободная
XTrace	Ronny Schütz	25$ for Amiga (доступна демоверсия)
VectorNow	AutoDWG	$120.00
DesignPresentation	DesignPresentation	Pay Per Use

Ниже — список самых популярных прогамм, позволяющих создавать и редактировать SVG.

Inkscape (Инкскейп)

Inkscape — программа для создания и редактирования векторных изображений, основная сфера применения — создание технических иллюстраций и схем. Написана на C++ и GTK+. Умеет сохранять созданные изображения в формат SVG 1.1. Inscape выпускается для многих платформ (Windows, Linux, Mac OS), относится к категории свободного программного обеспечения, распространяется на основе лицензии GNU General Public License.

Программа позволяет использовать все необходимые для дизайнера фильтры и инструменты: геометрические примитивы (многугольники, окружности, линии, кривые, кубы и т.д.), кисти, заливка, ластик. Помимо визуального редактора, присутствует и текстовый, позволяющий наглядно увидеть и отредактировать дерево XML элементов.

Inkscape активно развивается уже много лет, разработчики контактируют и обмениваются опытом с коллегами из Gimp, Scribus.

Бесплатно скачать Inkscape для любой ОС можно на официальном сайте inkscape.org.

Image Magick

Почти весь функционал консольной утилиты для работы с графикой Image Magick распространяется и на SVG. Image Magick бесплатна, для множества приложений существуют библиотеки, позволяющие контактировать с этой утилитой через собственный интерфейс. Например — Imagick в PHP.

Платные программы для работы с SVG

Adobe Illustrator CS2

Разработанная программа Adobe Illustrator CS2 несет в себе достаточно мощные инструменты редактирования SVG. Программа не бесплатная и совсем недешевая, стоит больше 600 долларов, но имеет бесплатную демонстрационную версию, ограниченную 30 днями. На первый взгляд никаких особых преимуществ в области работы с SVG по сравнению с Inkscape не имеет, разве что любителям Photoshop понравится уровень сходства двух программ. Бсспорно, Adobe за долгое время своей работы создали самый удобный интерфейс для дизайнеров.

CorelDRAW Graphics Suite

С развитием SVG не могла остаться в стороне и Corel Corp. В состав пакета CorelDRAW Graphics Suite входит поддержка масштабируемой векторной графики. Стоимость — почти 300 долларов, но есть демонстрационная версия. Выпускается только для Windows.

Corel также предлагает купить Corel WebDraw (Jasc WebDraw), более ориентиванную на векторную веб-графику и профессиональных веб-дизайнеров программу. Стоимость — 180 долларов.

Sketsa SVG Editor

Программа полностью написана на Java, работает под Windows, Linux, Mac OS. В отличие от других программ для работы с векторной графикой в целом, Sketsa строго ориентирована на SVG. Имеет достаточно приятный и удобный интерфейс. Однако стоит почти 90 долларов.

Mayura Draw 4.3

Есть и более простые платные решения. Например — Mayura Draw за 39 долларов, размер дистрибутива — всего 1,3 мб. Программа поддерживает все основные инструменты для редактирования SVG графики, легкая и сравнительно быстрая.