Отваряне на SVG векторни графични файлове. Онлайн конвертор на векторни графики Как да редактирате svg файл

Концепцията за векторни изображения не казва абсолютно нищо на по-голямата част от обикновените потребители на компютри. Дизайнерите от своя страна са все по-склонни да използват този тип графики за своите проекти.

Преди, за да работите със SVG изображения, определено трябваше да инсталирате едно от специализираните десктоп решения като Adobe Illustrator или Inkscape на вашия компютър. Сега тези инструменти са достъпни онлайн, без да е необходимо изтегляне.

Като попълните съответната заявка в Google, можете да се запознаете с огромен брой всякакви онлайн векторни редактори. Но по-голямата част от тези решения предлагат доста оскъдни възможности и най-често не позволяват работа със сериозни проекти. Ще разгледаме най-добрите услуги за създаване и редактиране на SVG изображения направо в браузъра.

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

Метод 1: Вектор

Добре обмислен векторен редактор от създателите на добре познатата услуга Pixlr. Този инструмент ще бъде полезен както за начинаещи, така и за напреднали потребители в работата със SVG.

Въпреки изобилието от функции, ще бъде доста трудно да се изгубите в интерфейса Vectr. За начинаещи са предвидени подробни уроци и обемни инструкции за всеки от компонентите на услугата. Сред инструментите на редактора има всичко за създаване на SVG изображение: форми, икони, рамки, сенки, четки, поддръжка за работа със слоеве и др. Можете да нарисувате изображение от нулата или да качите свое собствено.

Възможностите за експорт включват и една от най-отличителните характеристики на Vectr - поддръжка за директни връзки към SVG проекта в редактора. Много ресурси не ви позволяват да качвате векторни изображения директно към себе си, но въпреки това позволяват тяхното показване от разстояние. В този случай Vectr може да се използва като най-много истински хостинг SVG, които други услуги не ви позволяват да правите.

Трябва да се отбележи, че редакторът не винаги обработва правилно сложни графики. Поради тази причина някои проекти може да се отворят във Vectr с грешки или визуални артефакти.

Метод 2: Скицник

Лесен и лесен за употреба уеб редактор за създаване на SVG изображения, базирани на платформата HTML5. Като се има предвид наборът от налични инструменти, може да се твърди, че услугата е предназначена изключително за рисуване. Със Sketchpad можете да създавате красиви, добре проектирани картини, но нищо повече.

Инструментът има широка гама от персонализирани четки с различни форми и типове, набор от форми, шрифтове и стикери за наслагване. Редакторът ви позволява напълно да манипулирате слоевете - да контролирате тяхното разположение и режими на смесване. Е, като бонус, приложението е напълно преведено на руски, така че не би трябвало да имате никакви затруднения с неговото разработване.

Метод 3: Метод Draw

Това уеб приложение е за основни операциис векторни файлове. Външно инструментът прилича на настолния Adobe Illustrator, но по отношение на функционалността тук всичко е много по-просто. Method Draw обаче има и някои функции.

В допълнение към работата с SVG изображения, редакторът ви позволява да импортирате растерни изображения и да създавате векторни изображения въз основа на тях. Това може да стане на базата на ръчно очертаване на контури с химикал. Приложението съдържа всички необходими инструменти за оформление на векторни чертежи. Има разширена библиотека от форми, пълноцветна палитра и поддръжка за клавишни комбинации.

Method Draw определено не е подходящ за създаване на сериозни векторни проекти - причината за това е липсата на подходящи функции. Но поради липсата на ненужни елементи и добре организираното работно пространство, услугата може перфектно да служи за бързо редактиране или фина настройка на прости SVG изображения.

Метод 4: Gravit Designer

Безплатен уеб редактор векторни графикиза напреднали потребители. Много дизайнери поставят Gravit наравно с пълноценни десктоп решения, като Adobe Illustrator. Факт е, че този инструмент е междуплатформен, тоест е напълно достъпен във всички компютърни операционни системи, както и като уеб приложение.

Gravit Designer е в процес на активно развитие и редовно получава нови функции, които вече са достатъчни за оформяне на сложни проекти.

Редакторът ви предлага всякакви инструменти за рисуване на пътеки, форми, пътеки, текстови наслагвания, запълвания и различни персонализирани ефекти. Има богата библиотека от форми, тематични картинки и икони. Всеки елемент в пространството Gravit има списък със свойства, налични за редактиране.

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

Като се има предвид, че услугата е предназначена за пълноценна работа с векторни графики, тя може безопасно да се препоръча дори на професионални дизайнери. С Gravit можете да редактирате SVG изображения независимо от платформата, на която се намирате. Засега това твърдение е приложимо само за настолни ОС, но скоро този редактор ще се появи на мобилни устройствао

Метод 5: Janvas

Популярен инструмент за създаване на векторна графика сред уеб разработчиците. Услугата съдържа редица инструменти за рисуване с много адаптивни свойства. основна характеристика Janvas - възможност за създаване на интерактивни SVG изображения, анимирани с използвайки CSS. И във връзка с JavaScript, услугата ви позволява да създавате цели уеб приложения.

В умели ръце този редактор е наистина мощен инструмент, докато начинаещ, поради изобилието от всякакви функции, най-вероятно просто няма да разбере какво е какво.

Да, инструментът за съжаление не е безплатен. Но това е професионално решение, което не е полезно за всички.

Метод 6: DrawSVG

Най-удобната онлайн услуга, която позволява на уеб администраторите да създават висококачествени SVG елементи за своите сайтове възможно най-лесно. Редакторът съдържа впечатляваща библиотека от форми, икони, запълвания, градиенти и шрифтове.

С DrawSVG можете да проектирате векторни обектипроизволен тип и свойства, променяйте параметрите им и изобразявайте като отделни картини. Възможно е да се вграждат мултимедийни файлове на трети страни в SVG: видео и аудио от компютър или мрежови източници.

Този редактор, за разлика от повечето други, не изглежда като порт на браузъра на десктоп приложение. Отляво са основните инструменти за рисуване, а отгоре са контролите. Основното пространство е заето от платно за работа с графики.

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

Как да отворя SVG чертеж?

SVG е специфичен за уеб формат за описване на векторни примитиви на уеб страница. Разбира се, сред зрителите на SVG, водещите са модерни браузъри(най-новите версии на Opera, Firefox, Chrome и IE 9). Браузърите поддържат почти всички SVG елементи (включително анимация и ECMAScript), а нивото на поддръжка на Opera обикновено е 100%.

Таблица, показваща нивото на поддръжка на SVG различни браузърикъм юли 2010 г.:

От тези данни следва, че отварянето на SVG е най-добре с браузъра Opera. последна версия. Този браузър има версии както за Windows, така и за Linux, така че никой не би трябвало да има проблеми.

Като цяло почти всички програми за преглед и редактиране на изображения поддържат SVG, но повечето от тях не могат да възпроизвеждат анимация, да не говорим за скриптове.

Как да редактирам SVG чертеж?

SVG съществува от 1999 г., но започва да се развива активно само много години след създаването си, благодарение на подкрепата на най-големите ИТ компании в света. Форматът далеч не е нов, така че всеки софтуер, който уважава себе си, просто е длъжен да поддържа този формат.

Софтуер за векторна графика със списък на таблици, много елементи от списък поддържат SVG:

По-долу е даден списък с най-популярните програми, които ви позволяват да създавате и редактирате SVG.

Inkscape (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, конзолна графична помощна програма, се простира и до SVG. Image Magick е безплатна, има библиотеки за много приложения, които ви позволяват да се свържете с тази помощна програма чрез нейния собствен интерфейс. Например – Imagick в PHP.

Платени програми за работа с SVG

Adobe Illustrator CS2

Разработено от "Adobe Systems, Inc." 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 редактор

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

Mayura Draw 4.3

Има и по-прости платени решения. Например - Mayura Draw за $ 39, размерът на комплекта за разпространение е само 1,3 mb. Програмата поддържа всички основни инструменти за редактиране на SVG графики, лесно и сравнително бързо.

Онлайн SVG редактор

Моля, когато копирате материала, поставете активна връзка към статията.

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

Може да се превърне в истински проблем за вас да преведете например SVG формата в AI или PDF в AI, за да можете да работите в познатия формат. Възможна е и друга опция, когато бъдете помолени да изпратите работа във формат, който вашият графичен редактор не може да експортира, например може да се наложи да конвертирате AI формата във SVG вектор. Но с нашата услуга това не е проблем и ви предлагаме онлайн конвертор, който може да конвертира векторни графики в следните формати: AI, CDR, CDT, CCX, CMX, SVG, FIG, CGM, AFF, WMF, SK, SK1, PLT, DXF, DST, PES, EXP, PCS.

С нашето онлайн услугаще забравите, че задачата за конвертиране на вектор в друг формат може да причини някои трудности. За да преведете например eps в ai, просто трябва да изберете файл на компютъра си или да предоставите връзка към него, след това да изберете необходимия формат и да щракнете върху бутона „конвертиране“. След няколко секунди можете да изтеглите вектора в необходимия формат от нашия уебсайт на вашия компютър.

За конвертиране на графични векторни файлове нашият онлайн конвертор използва пакета UniConvertor, който поддържа повечето векторни формати. Преобразуването на файлове във векторен формат Corel Draw (CDR) се осъществява с помощта на графичния пакет LibreDraw, който осигурява висококачествена работа с формата и можете да се запознаете с него по-подробно, като проучите нашия материал „Конвертиране от CDR (Corel Draw )”. Може също да се сблъскате със задачата да конвертирате растер във вектор, например, трябва да конвертирате jpg в ai или png в ai, което също можете лесно да направите в нашата услуга. Просто трябва да посочите изображение в растерен формат като изходен файл, да изберете векторния формат, от който се нуждаете, и нашият конвертор ще извърши това преобразуване за вас за няколко секунди. Като програма за проследяване на растер към вектор, нашата услуга използва софтуерния продукт Potrace. Можете да научите повече за възможностите на Potrace tracer в нашата статия " Преобразуване на графично изображение във векторен формат ". С нашата услуга винаги можете свободно да конвертирате векторни изображения между формати, без да се притеснявате да инсталирате допълнителен софтуер на вашия компютър.

Поддържани векторни графични формати:

SVG (Scalable Vector Graphics) е много мощен мащабируем векторен графичен файл, написан на езика за маркиране XML. Нека разберем какви софтуерни решения могат да се използват за преглед на съдържанието на обекти с това разширение.

Като се има предвид, че Scalable Vector Graphics е графичен формат, естествено е прегледът на тези обекти да се поддържа преди всичко от програми за преглед на изображения и графични редактори. Но, колкото и да е странно, все още рядко зрителите на изображения се справят със задачата да отворят SVG, разчитайки само на вградената си функционалност. Освен това обектите от изследвания формат могат да се разглеждат с помощта на някои браузъри и редица други програми.

Метод 1 Gimp

Първо, нека да разгледаме как да видите чертежите на изучавания формат в безплатния графичен редактор Gimp.

Метод 2: Adobe Illustrator

Следващата програма, която може да показва и променя изображения в този формат, е Adobe Illustrator.

Метод 3: XnView

Имайки предвид програмите за преглед на изображения, които работят с изследвания формат, ще започнем с програмата XnView.

Има друг начин за преглед на SVG в XnView. Извършва се с помощта на вградения браузър.

Метод 4: IrfanView

Следващият преглед на изображения, на примера на който ще разгледаме вида на изследваните чертежи, е IrfanView. За показване на SVG в споменатата програма също е необходим CAD Image DLL плъгин, но за разлика от XnView, той не е първоначално инсталиран в споменатото приложение.

Можете да видите снимката в тази програма, като плъзнете файла от "Изследовател"към обвивката IrfanView.

Метод 5: OpenOffice Draw

Приложението Draw от офис пакета OpenOffice може също да преглежда SVG.

Можете също да видите изображението, като плъзнете файла в началната обвивка на OpenOffice.

Можете също да го стартирате през обвивката Draw.

Метод 6: LibreOffice Draw

Поддържа дисплей с мащабируема векторна графика и OpenOffice конкурент − офис пакет LibreOffice, който също включва приложение за редактиране на изображения, наречено Draw.

Друг метод за отваряне включва плъзгане на файла от файлов мениджъркъм началната обвивка на LibreOffice.

Също така в LibreOffice, както в предишния софтуерен пакет, който описахме, можете да видите SVG през обвивката Draw.

Метод 7: Опера

SVG могат да се разглеждат в различни браузъри, като първият се нарича Opera.

Метод 8: Google Chrome

Следващият браузър, който може да визуализира SVG, е Google Chrome.

Метод 9: Вивалди

Следващият уеб браузър, който ще бъде използван като пример за преглед на SVG, е Vivaldi.

Метод 10: Mozilla Firefox

Нека да определим как да показваме SVG в друг популярен браузър - Mozilla Firefox.

Метод 11: Maxthon

По доста необичаен начин можете да видите SVG в браузъра Maxthon. Факт е, че в този уеб браузър активирането на отварящия се прозорец е практически невъзможно: нито чрез графични контроли, нито чрез натискане на горещи клавиши. Единственият начин да видите SVG е да въведете адреса на този обект адресна лентабраузър.

несъмнено, тази опцияотварянето на векторни рисунки, локално разположени на твърдия диск, е много по-неудобно и по-трудно, отколкото при други браузъри.

Метод 12: Internet Explorer

Обмислете опциите за преглед на SVG също като използвате примера на стандартен браузър за операционна системаЛиния на Windows до Windows 8.1 включително - Internet Explorer.

Въпреки факта, че SVG е формат на векторно изображение, повечето съвременни програми за преглед на изображения не могат да го покажат, без да инсталират допълнителни добавки. Освен това не всички графични редактори работят с този тип снимки. Но почти всички съвременни браузъри могат да показват този формат, тъй като той е създаден по едно време, преди всичко за публикуване на снимки в Интернет. Вярно е, че в браузърите е възможно само преглеждане, но не и редактиране, на обекти с посоченото разширение.

За дизайна на всяка уеб страница са необходими както статична графика, така и разнообразие от анимационни и интерактивни елементи, които, първо, осигуряват по-голяма привлекателност на информацията, представена на нея, и второ, допринасят за по-доброто възприемане на материала.

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

Но въпросът не е само в размера и качеството, дизайнът на уеб страница се оказва въпрос, който изисква от дизайнера да познава широк набор от разнообразни технологии и софтуерни продукти, тъй като за различни видове графична информациятрябва да използвате различни файлови формати и различни технологии за тяхното създаване. За статични графики се използват GIF, JPG или PNG формати, които могат да бъдат създадени в различни графични пакети. За анимирани обекти се използват анимационни GIF и Flash формати, като такива обекти се разработват в специализирани софтуерни приложения(специален за всеки от посочените типове формат). Интерактивните елементи (роловери, карти на връзки на ImageMap и др.) също като правило се създават в специализирани приложения и представляват набор от графични изображения, връзката между които се установява в допълнителен файл с HTML код.

Успешно решение на тези проблеми може да бъде преходът към SVG (Scalable Vector Graphics мащабируема векторна графика) графичен формат, базиран на езика XML, така че всяко SVG изображение да може да бъде представено от набор командни редове(фиг. 1), а самият SVG файл може да бъде отворен във всеки текстов редактор, включително бележник. Това относително нова технологияпървоначално разработен от Adobe специално за уеб, а днес е от голям интерес за мобилни устройства, осигурявайки създаването на висококачествени статични, анимирани и интерактивни графики. Ето защо не е изненадващо, че той се поддържа активно от консорциума на W3C (http://www.w3.org/Graphics/SVG) през 2003 г. стандартът SVG 1.1 беше приет от W3C като препоръка и в момента спецификацията се разработва SVG 1.2 (http://www.w3.org/TR/SVG12/).

SVG технологията ви позволява да комбинирате текст, графики, анимация и интерактивни компоненти в един формат и се основава на три вида графични изображения: векторни форми, рисунки и текст. Формите, както е обичайно във векторната графика, са или праволинейни и криволинейни контури, или графични примитиви (правоъгълници, елипси и т.н.), а чертежите са импортирани растерни изображения. Освен това поддържа SVG формат различни видовеанимирани (напомнящи GIF и флаш анимация) и интерактивни обекти като преобръщане, карти с връзки и други елементи за навигация. И тъй като този стандарте базиран на езика XML, тогава SVG файлът, заедно с елементите, предназначени за визуално показване, може също да съдържа различни метаданни.

Плюсове и минуси на използването на SVG формат

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

• изображения с високо качество, независимо от техния размер, поради векторния характер на SVG формата. Изображенията могат да се намаляват или увеличават неограничено без загуба на качество (фиг. 2) в съответствие с размера на дисплея, което ви позволява да получите висококачествено изображение на графична информация на различни видовеустройства (настолни компютри, джобни компютри и др.), а също така дава възможност за по-внимателно разглеждане на отделни детайли, това е важно, например, при работа с технически чертежи;
• много по-малки размери на файлове в сравнение с GIF, JPG, PNG и GIF формати за анимация, и още повече с формата Flash. Например, ако LZW-компресираният GIF файл, тестван за статията, е бил 26 KB, тогава размерът на съответния SVG файл е бил 1220 байта, а когато е компресиран във формат SVGZ, е бил само 685 байта.

Но не е само това. В сравнение с традиционните опции графично представянеВ мрежата използването на SVG формат има много други неоспорими предимства.

Така че за разработчиците важни предимства са:

• възможността за комбиниране в един формат на разработването на статични, анимирани и интерактивни елементи, както и комбинация от векторни и растерни обекти;
• подобрена работа с текст, включително кернинг, извит текст и неограничен брой шрифтове;
• Повече ▼ ефективно управлениеточност на възпроизвеждане на цветовете и най-широки възможности по отношение на използването на градиентни запълвания в уеб изображения с висока резолюция, сенки, филтри и др.;
• текстовата природа на SVG формата и неговата поддръжка за каскадни стилови таблици, което значително опростява процеса на актуализиране на уебсайт и ви позволява да правите промени в него, ако е необходимо, без да прибягвате до специални програми;
• интеграция с бази данни, изградени на базата на XML (Extensible Markup Language) и CSS (Cascading Style Sheets) стандарти, което ви позволява да запазвате SVG изображения в базата данни и да създавате динамични уеб страници, като ги използвате различни за различните платформи, лични настройки и др. d.;
• няма проблеми с индексирането SVG файловете се индексират от всички търсачки (за разлика например от SWF файловете).

Потребителите ще се насладят на висококачествено и бързо зареждащо се SVG съдържание. Освен това е възможно да копирате текста, разположен на SVG изображението, и по този начин да запазите полезна информация, както и да търсите текст в изображението, което в някои случаи може да е изключително необходимо, например при търсене на желания име върху карта или чертеж.

Въпреки това, както обикновено, наред с предимствата на SVG технологията има и недостатъци, и то много сериозни.

• SVG изображенията се поддържат слабо от производителите на интернет браузъри. В резултат на това, за да гледат SVG графики от браузър, потребителите са принудени допълнително да инсталират плъгин на трета страна, който предоставя тази възможност, като например SVG Viewer на Adobe. Теоретично това е лесно, съответните добавки са лесни за инсталиране, безплатни, малки по размер и могат да бъдат изтеглени бързо от мрежата. На практика всичко се оказва много по-сложно, тъй като повечето интернет потребители не знаят за съществуването на тези функции и следователно не могат да видят този видграфика без плъгин, просто не се вижда. Ситуацията обаче постепенно се променя и през изминалата година двама водещи разработчици на уеб браузъри въведоха поддръжка за SVG формат. През пролетта Opera Software пусна версия 8 Браузър Opera, който поддържа SVG 1.0 Tiny; във версията на Opera 9.0, която се появи малко по-късно, беше внедрена частична поддръжка за основния формат SVG 1.0. Вторият разработчик, който включи поддръжка на SVG, беше организацията Mozilla като част от тях Браузър Firefox 1.5 е включен модулът за проект Mozilla SVG, който осигурява преглед на SVG графики от спецификацията 1.1. Освен това в средата на 2005 г. разработчиците на браузъра Safari, работещ на компютри под Управление на Mac OS X;
• В сравнение с други графични форматиФорматът SVG все още се поддържа слабо от разработчиците на графичен софтуер, въпреки че водещите графични пакети като Adobe Illustrator, CorelDRAW и други ви позволяват да експортирате графики в SVG файлове. Разбира се, SVG файловете могат да бъдат създадени във всеки текстов редактор, но това е непрактично от гледна точка на скоростта и евтиността на разработката. Удобно е да редактирате файла в текстов редактор, ако е необходимо (което, между другото, е възможно само ако имате задълбочени познания по XML технологията), но не е разумно да го създавате от нулата, тъй като това ще отнеме много време и усилие. Това изисква прости и удобни средства за бързо визуално развитиеграфики във формат Scalable Vector Graphics с възможност за редактиране на програмния код, съответстващ на изображението в същата среда, но има много малко такива продукти и те не са добре познати.

В резултат на това възниква много тъжна ситуация, много потребители все още не могат да гледат SVG графики поради липсата на поддръжка за уеб браузъри на правилното ниво, уеб разработчиците практически не разработват SVG графики, независимо колко привлекателни са те, и разработчиците на софтуер не угаждайте на уеб дизайнерите с различни приложения, фокусирани специално върху SVG. Резултатът е порочен кръг: „Ако няма съдържание, тогава хората нямат нужда от имплементация на SVG, а ако няма имплементация, значи няма съдържание“ така беше описана ситуацията на една от срещите на консорциумът W3C.

Но можете да погледнете ситуацията от другата страна: поддръжката на SVG (макар и все още не пълна) от два популярни интернет браузъра, както и интересът към технологията от видни разработчици, предполагат, че „ледът се е счупил“ и че SVG има реален шанс да се превърне в един от популярните формати за представяне на уеб информация. Този шанс се увеличава и поради нарастващия интерес към SVG технологията по отношение на мобилните устройства, където изискванията за размер и качество на изображението са много по-високи. Opera Software, например, възнамерява първо да внедри пълна подкрепа SVG формат на настолни компютри и едва след това го прехвърлете на мобилни платформи. Така че е време уеб дизайнерите да започнат да мислят и за използването на SVG, в противен случай рискуват да изостанат в близко бъдеще.

Добавки за преглед на SVG графики

Както вече беше отбелязано, засега повечето потребители ще трябва да използват един от подходящите добавки, за да видят SVG графики в тяхната цялост в прозорец на интернет браузър, най-известните от които са безплатните модули Adobe SVG Viewer и Corel SVG Viewer. Първият Adobe SVG Viewer идва като отделно приложение, е компактен и удобен, работи на различни платформи, поддържа голям брой интернет браузъри и следователно е много по-популярен сред потребителите. Corel SVG Viewer е включен в Corel Smart Graphics Studio, но се предлага и като безплатен софтуер.

Има и други опции за разглеждане на SVG графики, можете например да използвате съответните модули от пакетите Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/ batik), KDE KSVG (http://www.kde.org) и др.. За пълен списък на SVG визуализаторите вижте http://wiki.svg.org/Viewer_Implementations.

Adobe SVG Viewer

Разработчик: Adobe Systems Inc.

Размер на разпространение: 2,25 MB

Метод на разпространение:безплатен софтуер (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Цена:е свободен

Работа под контрол: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris

Поддръжка на браузър:интернет Версия на Explorer 4.0 и по-нови, Netscape Navigator или Communicator 4.5 до 4.78 (с изключение на 6.x)

Corel SVG Viewer

Разработчик: Corel Corporation

Размер на разпространение: 4,9 MB

Метод на разпространение:безплатен софтуер (модулът може да бъде изтеглен от: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Цена:е свободен

Работа под контрол: Windows 98/NT/2000/Me/XP

Поддръжка на браузър: Microsoft Internet Explorer 5.5 и по-нова версия, Netscape Navigator или Communicator версии 4.79, 7.02

Програми за създаване на SVG графики

Всички програми за създаване на SVG графики могат да бъдат разделени на три големи групи. Първият включва популярни двуизмерни графични пакети, които са фокусирани върху работа с векторна графика и в същото време ви позволяват да експортирате изображения във формат SVG. Най-популярните са Adobe Illustrator и CorelDRAW; освен това такъв експорт в една или друга степен поддържа много други приложения: AutoCAD, Microsoft Visioи т.н. Основното предимство на тази група приложения е, че те имат усъвършенствани инструменти за създаване на векторни изображения и ви позволяват да постигнете уникални ефекти чрез използване на прозрачност, градиентни запълвания, различни филтри и т.н. Но тези приложения изискват сериозно специално обучение и, следователно в по-голяма степен предназначени за професионални дизайнери. В допълнение, те като цяло не са фокусирани върху SVG дизайн (въпреки че ви позволяват да получавате графики във формат Scalable Vector Graphics) диаграми. Важно е също така, че поддръжката на формата Scalable Vector Graphics не е напълно внедрена в тях, в резултат на което не всички елементи на векторно изображение могат да бъдат експортирани в SVG без грешки.

Втората група софтуерни продукти се формира от пакети, предназначени изключително за създаване на SVG графики. Те имат много по-малко възможности по отношение на визуалното развитие на векторни изображения, въпреки че включват всички необходими инструменти. Но те предоставят удобни средства за редактиране на изходния код и ви позволяват да работите със SVG обекти паралелно както във визуален режим, така и на ниво код, и можете лесно да превключвате между тези опции за представяне. Всички приложения от тази група са много прости и достъпни и не изискват много време за усвояване. В допълнение, те имат относително малки дистрибуции (в сравнение с приложенията от първата група), така че могат да бъдат закупени чрез интернет без никакви проблеми. Има обаче много малко програми с такива възможности и по-долу ще разгледаме подробно само четири, които представляват най-голям интерес и са предназначени за различни категории потребители. ОТ пълен списъкналичните приложения за създаване на SVG графики могат да бъдат намерени на: http://wiki.svg.org/Design_Tools.

И накрая, третата група може да включва всякакви текстови редактори, включително обикновен бележник. Както беше отбелязано по-горе, форматът Scalable Vector Graphics е базиран на XML, което ви позволява да създавате и редактирате SVG файлове на ниво текст в текстов редактор, ако е необходимо.

Пълнофункционални графични приложения, които ви позволяват да създавате SVG графики

Adobe Illustrator CS2

Разработчик: Adobe Systems Inc.

Размер на разпространение: Macintosh версия 428,9 MB, Windows версия 398,6 MB

Метод на разпространение: shareware (30-дневна демонстрация на пакета е достъпна на: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

Цена:$665

Работа под контрол: Windows 2000 със Service Pack 3 или Windows XP, Mac OS X 10.2.4 до 10.2.7, Java Runtime Environment 1.4.1

Започвайки от 9-та версия, Adobe Illustrator (фиг. 3) реализира импортиране и експортиране на SVG файлове и на много по-високо ниво от подобни. графични приложенияниво. Пакетът поддържа всички съществуващи SVG спецификации, ISO 8859-1, UTF-8 и UTF-16 кодировки, различни опции за експортиране на текст и ви позволява да експортирате изображения както в обикновен SVG формат, така и в компресиран SVGZ.

В SVG графиките, създадени в неговата среда, можете да използвате градиенти, прозрачност, както и цяла поредица от SVG ефекти, специално предвидени за това (Ефект=>SVG филтри) под формата на различни сенки, замъглявания и др. Изображения с такива ефектите запазват яснота, когато се гледат в уеб браузър при всяко увеличение. Отвъд статиката илюстраторски графикиви позволява да получите интерактивна графика във формат SVG, за тази цел е предоставена специална палитра SVG Interactivity (може да се отвори от менюто Window=>SVG Interactivity), в която се задават действия за интерактивни обекти. Струва си да се отбележи, че работата с интерактивни SVG елементи в Illustrator изисква познаване на езика Java Script и разбиране на основните принципи на обектно-ориентираното програмиране. Освен това, като използвате формата Scalable Vector Graphics в тази програма, можете да създавате графики с динамични данни (Dynamic Data-Driven Graphics).

CorelDRAW Graphics Suite 12

Разработчик: Corel Corp.

Размер на дистрибутора tiva: 200 MB

Метод на разпространение: shareware (демо версията може да бъде изтеглена от онлайн магазини, например на: http://allsoft.ru/Download.php?ver=17605)

Цена:$290 (Allsoft.ru)

Работа под контрол: Windows NT/2000/XP

Добре познатото приложение за разработване на професионална векторна графика CorelDRAW (фиг. 4), което е част от пакета CorelDRAW Graphics Suite 12, осигурява импортиране и експортиране във формати SVG и SVGZ на начално нивои следователно може да се използва за създаване на статични и интерактивни SVG графики.

Приложението реализира поддръжка за неразпознати данни, атрибути и метаданни, а също така предоставя възможност за предварителен преглед SVG файлове в браузъра преди експортиране. В допълнение, Unicode кодирането е възможно за методите на кодиране UTF-8 и UTF-16 и различни опции за експортиране на текст и растерни изображения. Последната версия има значително подобрена поддръжка за експортиране на символи, текст, сенки, пътища, слоеве, вградени двоични изображения и др.

Mayura Draw 4.3

Разработчик:Софтуер Mayura

Размер на разпространение: 1,3 MB

Метод на разпространение: Shareware (демо http://www.mayuradraw.com/mdraw.zip)

Цена:$39

Работа под контрол: Windows 95/98/Me/NT/2000/XP

Mayura Draw (Фигура 5) е много проста и евтина програма за векторна графика, предназначена за широката публика. Получените в него векторни изображения, ако желаете, могат да бъдат експортирани във формат SVG и следователно Mayura Draw може да стане възможно решениеза разработване на статични SVG графики. Програмата поддържа всички основни инструменти за векторна графика и ви позволява да получавате векторни изображения, базирани на графични примитиви, линейни и криволинейни контури и текст. Списъкът с неговите функции включва удобни инструменти за подравняване, разпределение и подреждане на обекти, управление на прозрачността, използване на водачи и линийки за прецизно поставяне на обекти и различни трансформации.

Специализирани пакети за създаване на SVG графики

EvolGrafiX XStudio 6.1

Разработчик: EvolGrafiX

Размер на разпространение: 7,25 MB

Метод на разпространение: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

Цена:$449 търговски лиценз, $249 академичен лиценз

Работа под контрол: Windows 2000/XP

Професионалният пакет XStudio (фиг. 6) е удобен инструмент за създаване на разнообразна SVG графика за уеб и мобилни устройства и осигурява пълен контрол както върху SVG проекта като цяло, така и върху векторни изображения, анимация, скриптове и др. Приложението е удобен за потребителя, интуитивен и лесно адаптивен потребителски интерфейс, предоставя широка гама от инструменти, То има висока скоростработи, позволява ви да създавате SVG графики на всички съществуващи спецификации и поддържа всички стилове на мащабируема векторна графика. Всичко това, съчетано със сравнително ниска цена за професионален пакет, ни позволява да го считаме за най-доброто професионално решение от този вид. XStudio идва с подробна документация, пълна със серия от уроци и е лесен за научаване.

Ориз. 6. Комбиниране на създаване на визуално изображение с редактиране на изходния код
в EvolGrafiX XStudio

Приложението разполага с всички необходими функции за създаване и обработка на векторни изображения и в това отношение много прилича на пакета Adobe Illustrator. В същото време XStudio е фокусиран директно върху подготовката на статични, интерактивни и анимирани SVG графики и следователно, наред с класическите инструменти за работа с векторни обекти, е допълнен със специфични SVG възможности. вградена лента с инструментиОбектният модел на документа (DOM) осигурява йерархично представяне на SVG обекти, удобен XML редактор ви позволява да коригирате изходния код на ниво текст, а редакторът на скриптове го допълва с Java скриптове. Работата с кода е организирана много удобно: фрагменти от кода на избрания обект се маркират автоматично, възможно е да търсите текст и да задавате отметки и т.н. Всички промени в кода се отразяват незабавно в прозореца за визуален преглед и визуален промени в прозореца на редактора.

inkscape

Разработчик: IOSN (Международна мрежа с отворен код) Международна мрежа с отворен код)

Размер на разпространение: 8,7 MB

Цена:е свободен

Работа под контрол: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (Фигура 7) е най-обещаващият векторен редактор, базиран на модела с отворен код, който е мултиплатформен и е мощен инструмент за разработване на графики в съответствие със стандарта Scalable Vector Graphics. С техния функционалностработа с векторни изображения, както и интерфейсът, Inkscape е много подобен на CorelDRAW. Той реализира поддръжка за алфа-канали, работа със слоеве, използване на плаващ текст, ефектни градиентни запълвания, голямо числофилтри и ефекти, различни трансформации, удобна работа с контури и обекти, групиране на обекти и много други. Възможно е импортиране на данни от JPEG файлове, PNG и TIFF и вграждането им в SVG изображения.

Въпреки това, за разлика от CorelDRAW, Inkscape е позициониран като приложение за SVG дизайнери, така че заедно с класическото визуално създаване на графики, той предоставя възможност за директна обработка на XML код във вградената среда на текстов редактор. Програмата е конфигурирана да записва изображения като обикновени и компресирани SVG файлове, въпреки че те могат да бъдат конвертирани в обичайни векторни и растерни формати, ако желаете.

Пакетът Inkscape има удобен русифициран интерфейс, лесен е за научаване и се доставя с добро помощна система, което включва различни примери за употреба, и в допълнение, това приложениебезплатно всичко това го прави много привлекателен за широк кръг потребители. Основните недостатъци на програмата са ниската й скорост и повишените изисквания към системните ресурси.

Corel WebDraw

Разработчик: Corel Corporation

Размер на разпространение: 15,6 MB

Метод на разпространение: shareware (30-дневна демонстрация http://www5.jasc.com/pub/wdw102ev.exe)

Цена:$179 версия за изтегляне, $199 CD версия

Работа под контрол: Windows 98/NT4/2000/Me/XP

Corel WebDraw (Фигура 8), по-известен като Jasc WebDraw, е всичко-в-едно висококачествено SVG графично и анимационно решение за професионални дизайнери. А интуитивният интерфейс на програмата я прави привлекателна за широк кръг потребители.

Приложението разполага с обширен набор от стандартни графични инструменти, които са типични за пълнофункционално векторно графично приложение: основни форми (елипса, правоъгълник, звезда и т.н.), писалка, многоъгълник, полилиния, текст и т.н. Наред с векторните обекти, WebDraw ви позволява да допълвате SVG обекти с външни растерни изображения. В допълнение към обичайните запълвания и налагането на готови стилове, можете да използвате сложни градиенти, запълвания, включително шаблони, създадени от вас. За да получите по-ефектни изображения, можете да използвате филтри както сравнително прости (замъгляване и наслагване на сянка), така и сложни (текстуриране и осветление). Предоставени са мрежи, водачи и линийки за прецизно разполагане на обекти, а вградената лента с инструменти на Document Object Model (DOM) представя SVG обекти в йерархично дърво, което значително опростява управлението.

WebDraw е снабден с многофункционален анимационен сториборд за анимация Timeline, който се основава на обектния модел SVG DOM (Document Object Model), който ви позволява да избирате и анимирате почти всеки атрибут или свойство на обект от всички типове по всяко време. Механизмът за плъзгане и пускане ви позволява да редактирате началната и крайната точка на анимацията, както и продължителността на всяка фаза на анимацията, директно във времевата линия. Тъй като анимациите по време на ключ се вмъкват всеки път, когато зададете опции за анимация за атрибут или свойство на обект, те могат да бъдат преместени в други части на сценария с цел автоматична настройкаразпределение на анимационните ефекти във времето.

Пакетът ви позволява да работите с SVG графики в две версии: както с набор от визуално показани графични обекти, така и със съответния изходен код. Редактирането на изходния код във вградения текстов редактор за SVG файлове осигурява допълнителна гъвкавост и контрол върху съдържанието на файловете. Автоматична проверкапромените в изходния код помагат да се гарантира правилното поведение на създадените графики, а намерените грешки се маркират с цвят, което спестява на дизайнера много часове търсене сред стотици редове код. Резултатът от всички промени в изходния код веднага се показва на екрана. По желание WebDraw може да импортира, редактира и оптимизира SVG файлове, създадени в други приложения.

Sketsa SVG редактор 3.2.3

Разработчик:КИЮТ

Размер на разпространение: 5,99 MB

Метод на разпространение: Shareware (демонстрация, която добавя етикет към изображението, http://www.kiyut.com/products/sketsa/sketsa.zip)

Цена:$49

Работа под контрол: Windows 2000/XP, Java VM (JRE) 1.5 или по-висока (http://www.java.com/getjava), UNIX и Linux

Приложението Sketsa (фиг. 9) е един от най-популярните SVG редактори и ви позволява да създавате професионални SVG графики, включително такива, оптимизирани във формат SVGZ. Пакетът успешно съчетава простота и удобство с широк набор от функции и е съвместим с Windows, Mac и Linux системи.

Sketsa поддържа класически набор от инструменти, типични за всяко векторно приложение, което ви позволява да създавате и трансформирате всякакви векторни обекти, базирани както на контури, така и на графични примитиви и текст, които, ако желаете, могат лесно да бъдат допълнени с растерни изображения. Възможно е да се контролира прозрачността, да се използват градиентни запълвания и филтри. Всичко това е успешно допълнено от специализирани SVG възможности, благодарение на които всяко изображение може да се редактира не само визуално, но и в текстов режим. За редактиране на SVG код пакетът има вграден текстов редактор xml. За удобство при управлението на обекти има вградена лента с инструменти на Document Object Model (DOM), която е йерархичен дървовиден набор от обекти в SVG документ, който ви позволява да изберете всеки обект в документа, за да редактирате неговите свойства .