Odprite vektorske grafične datoteke SVG. Spletni pretvornik vektorske grafike Kako urediti datoteko svg

Koncept vektorskih slik veliki večini običajnih uporabnikov osebnih računalnikov ne pomeni prav nič. Oblikovalci pa se vse bolj nagibajo k uporabi te vrste grafike za svoje projekte.

Prej ste morali za delo s slikami SVG v računalnik namestiti eno od specializiranih namiznih rešitev, kot sta Adobe Illustrator ali Inkscape. Zdaj so podobna orodja na voljo na spletu, ne da bi jih bilo treba prenesti.

Če zaženete ustrezno poizvedbo v Googlu, se lahko seznanite z ogromnim številom različnih spletnih vektorskih urejevalnikov. Toda velika večina takih rešitev ponuja precej skromne zmogljivosti in vam pogosto ne omogočajo dela z resnimi projekti. Bomo razmislili najboljše storitve za ustvarjanje in urejanje slik SVG neposredno v brskalniku.

Spletna orodja seveda ne morejo povsem nadomestiti ustreznih namiznih aplikacij, a za večino uporabnikov bo ponujen nabor funkcij več kot dovolj.

1. način: Vectr

Premišljen vektorski urejevalnik ustvarjalcev znane storitve Pixlr. To orodje bo uporabno tako za začetnike kot za izkušene uporabnike pri delu s SVG.

Kljub obilici funkcij se bo v vmesniku Vectr kar težko izgubiti. Za začetnike so na voljo podrobne lekcije in obsežna navodila o vsaki komponenti storitve. Orodja urejevalnika vključujejo vse, kar potrebujete za ustvarjanje slike SVG: oblike, ikone, okvirje, sence, čopiče, podporo za delo s plastmi itd. Sliko lahko narišete iz nič ali naložite svojo.

Izvozne zmogljivosti vključujejo tudi eno najbolj značilnih lastnosti Vectra: podporo za neposredne povezave do projekta SVG v urejevalniku. Mnogi viri ne omogočajo neposrednega prenosa vektorskih slik, vendar kljub temu omogočajo njihov oddaljeni prikaz. V tem primeru se lahko največkrat uporabi Vectr pravo gostovanje SVG, ki vam ga druge storitve ne omogočajo.

Upoštevati je treba, da urejevalnik kompleksne grafike ne obdela vedno pravilno. Zaradi tega se lahko nekateri projekti odprejo v Vectru z napakami ali vizualnimi artefakti.

2. način: skicirka

Preprost in priročen spletni urejevalnik za ustvarjanje slik SVG, ki temelji na platformi HTML5. Glede na obseg razpoložljivih orodij lahko trdimo, da je storitev namenjena izključno risanju. S Sketchpadom lahko ustvarite čudovite, dobro oblikovane slike, a to je tudi vse.

Orodje ima široko paleto prilagodljivih čopičev različnih oblik in vrst, nabor oblik, pisav in nalepk za prekrivanje. Urejevalnik vam omogoča, da v celoti upravljate s plastmi – nadzorujete njihovo postavitev in načine mešanja. No, kot bonus je aplikacija v celoti prevedena v ruščino, tako da ne bi smeli imeti težav z obvladovanjem.

Metoda 3: Risanje metode

Ta spletna aplikacija je zasnovana za osnovne operacije z vektorskimi datotekami. Navzven orodje spominja na namizni Adobe Illustrator, vendar je glede funkcionalnosti tukaj vse veliko preprostejše. Vendar ima Method Draw tudi nekaj funkcij.

Poleg dela s slikami SVG vam urejevalnik omogoča uvoz rastrskih slik in ustvarjanje vektorskih na njihovi podlagi. To lahko storite z ročnim sledenjem konturam s peresom. Aplikacija vsebuje vsa potrebna orodja za sestavljanje vektorskih risb. Na voljo je razširjena knjižnica oblik, barvna paleta in podpora za bližnjice na tipkovnici.

Method Draw vsekakor ni primeren za ustvarjanje resnih vektorskih projektov - razlog za to je pomanjkanje ustreznih funkcij. Toda zaradi odsotnosti nepotrebnih elementov in dobro organiziranega delovnega prostora je storitev lahko odlična za hitro urejanje ali natančno nastavitev preprostih slik SVG.

4. način: Gravit Designer

Brezplačni spletni urejevalnik vektorske grafike za napredne uporabnike. Številni oblikovalci postavljajo Gravit na raven s popolnimi rešitvami za namizne računalnike, kot je Adobe Illustrator. Dejstvo je, da je to orodje večplatformno, to pomeni, da je v celoti na voljo v vseh računalniških operacijskih sistemih, pa tudi kot spletna aplikacija.

Gravit Designer je v aktivnem razvoju in redno prejema nove funkcije, ki so že dovolj za postavitev kompleksnih projektov.

Urejevalnik vam ponuja vse vrste orodij za risanje poti, oblik, poti, prekrivanja besedila, polnila, pa tudi različne učinke po meri. Obstaja obsežna knjižnica figur, tematskih slik in ikon. Vsak element v prostoru Gravit ima seznam lastnosti, ki jih je mogoče spremeniti.

Vsa ta raznolikost je "zapakirana" v eleganten in intuitiven vmesnik, tako da je vsako orodje na voljo v le nekaj klikih.

Glede na to, da je storitev zasnovana tako, da v celoti deluje z vektorske grafike, ga je mogoče varno priporočiti tudi profesionalnim oblikovalcem. Z Gravitom lahko urejate grafiko SVG ne glede na platformo, na kateri to počnete. Zaenkrat ta izjava velja samo za namizne operacijske sisteme, kmalu pa se bo ta urejevalnik pojavil na mobilne naprave Oh.

5. način: Janvas

Priljubljeno orodje za ustvarjanje vektorske grafike med spletnimi razvijalci. Storitev vsebuje številna orodja za risanje z zelo prilagodljivimi lastnostmi. glavna značilnost Janvas - možnost ustvarjanja interaktivnih slik SVG, animiranih z z uporabo CSS. In v povezavi z JavaScript vam storitev omogoča izdelavo celotnih spletnih aplikacij.

V spretnih rokah je ta urejevalnik resnično močno orodje, medtem ko začetnik zaradi obilice vseh vrst funkcij najverjetneje preprosto ne bo razumel, kaj je kaj.

Da, orodje žal ni brezplačno. Toda to je profesionalna rešitev, ki ni uporabna za vsakogar.

6. način: DrawSVG

Najpriročnejša spletna storitev, ki spletnim skrbnikom omogoča kar najlažje ustvarjanje visokokakovostnih elementov SVG za svoja spletna mesta. Urejevalnik vsebuje impresivno knjižnico oblik, ikon, polnil, prelivov in pisav.

Z DrawSVG lahko oblikujete vektorski objekti katero koli vrsto in lastnosti, spremenite njihove parametre in upodabljajte kot ločene slike. V SVG je mogoče vdelati večpredstavnostne datoteke tretjih oseb: video in zvok iz računalnika ali omrežnih virov.

Ta urejevalnik, za razliko od večine drugih, ni videti kot vrata brskalnika za namizno aplikacijo. Na levi so glavna orodja za risanje, na vrhu pa kontrolniki. Glavni prostor zavzema platno za delo z grafiko.

Zavedati se morate, da je slikovna datoteka nabor navadnih besedilnih podatkov v formatu XML, kar pomeni, da lahko sliko urejate s katerimkoli urejevalnikom besedil. Glej, ni se težko naučiti.

Kako odpreti risbo SVG?

SVG je format, ustvarjen posebej za internet za opis vektorskih primitivov na spletni strani. Med programi za pregledovanje SVG so seveda vodilni sodobni brskalniki(najnovejše različice Opera, Firefox, Chrome, kot tudi različice IE 9). Brskalniki podpirajo skoraj vse elemente SVG (vključno z animacijo in ECMAScript), pri čemer Opera dosega 100-odstotno podporo.

Tabela, ki prikazuje raven podpore SVG različne brskalnike od julija 2010:

Iz teh podatkov sledi, da je SVG najbolje odpreti v brskalniku Opera Najnovejša različica. Ta brskalnik ima različici za Windows in Linux, tako da nihče ne bi smel imeti težav.

Na splošno skoraj vsi programi za pregledovanje in urejanje slik podpirajo SVG, vendar večina ne zna predvajati animacije, da ne omenjam skriptov.

Kako urediti sliko SVG?

SVG obstaja od leta 1999, vendar se je začel aktivno razvijati šele mnogo let po nastanku, zahvaljujoč podpori največjih IT podjetij na svetu. Oblika še zdaleč ni nova, zato je vsaka samospoštljiva programska oprema za delo z njo preprosto dolžna podpirati to obliko.

Tabela s seznamom programske opreme za vektorsko grafiko, številni elementi seznama podpirajo SVG:

Spodaj je seznam najbolj priljubljenih programov, ki vam omogočajo ustvarjanje in urejanje SVG.

Inkscape

Inkscape je program za ustvarjanje in urejanje vektorskih slik, glavno področje uporabe pa je ustvarjanje tehničnih ilustracij in diagramov. Napisano v C++ in GTK+. Lahko shrani ustvarjene slike v formatu SVG 1.1. Inscape je izdan za številne platforme (Windows, Linux, Mac OS) in je razvrščen kot brezplačen programsko opremo, ki se distribuira pod splošno javno licenco GNU.

Program vam omogoča uporabo vseh filtrov in orodij, potrebnih za oblikovalca: geometrijske primitive (poligone, kroge, črte, krivulje, kocke itd.), čopiče, polnilo, radirko. Poleg tega vizualni urejevalnik, obstaja tudi besedilni, ki omogoča jasen vpogled in urejanje drevesa elementov XML.

Inkscape se že vrsto let aktivno razvija, razvijalci kontaktirajo in izmenjujejo izkušnje s kolegi iz Gimpa in Scribusa.

Inkscape lahko brezplačno prenesete za kateri koli OS na uradni spletni strani inkscape.org.

Magika slike

Skoraj vsa funkcionalnost pripomočka konzole za delo z grafiko Image Magick se razširi na SVG. Image Magick je brezplačen in številne aplikacije imajo knjižnice, ki vam omogočajo interakcijo s tem pripomočkom prek lastnega vmesnika. Na primer - Imagick v PHP.

Plačljivi programi za delo s SVG

Adobe Illustrator CS2

Razvil Adobe Systems, Inc. Adobe Illustrator CS2 ima precej zmogljiva orodja za urejanje SVG. Program ni brezplačen in prav nič poceni, stane več kot 600 dolarjev, ima pa brezplačno demo različico, omejeno na 30 dni. Na prvi pogled nima posebnih prednosti na področju dela s SVG v primerjavi z Inkscapeom, le ljubiteljem Photoshopa bo všeč stopnja podobnosti med obema programoma. Absolutno, Adobe je za za dolgo časa Naše delo je ustvarilo najbolj priročen vmesnik za oblikovalce.

CorelDRAW Graphics Suite

Z razvojem SVG Corel Corp. ni mogel stati ob strani. CorelDRAW Graphics Suite vključuje podporo za razširljivo vektorsko grafiko. Cena je skoraj 300 $, vendar obstaja demo različica. Na voljo samo za Windows.

Corel ponuja tudi nakup Corel WebDraw (Jasc WebDraw), bolj vektorski program za spletno grafiko in profesionalni spletni dizajn. Cena - 180 dolarjev.

Urejevalnik Sketsa SVG

Program je v celoti napisan v Javi in ​​deluje na Windows, Linux, Mac OS. Za razliko od drugih programov za vektorsko grafiko na splošno je Sketsa strogo osredotočena na SVG. Ima dokaj lep in uporabniku prijazen vmesnik. Vendar pa stane skoraj 90 dolarjev.

Žreb Mayura 4.3

Obstajajo tudi enostavnejše plačljive rešitve. Na primer - Mayura Draw za 39 $, velikost distribucije je le 1,3 MB. Program podpira vsa osnovna orodja za urejanje grafike SVG, je lahek in relativno hiter.

Spletni urejevalnik SVG

Prosimo, da pri kopiranju gradiva postavite aktivno povezavo do članka.

Vektorski formati za predstavitev grafike ponujajo ogromne možnosti za oblikovalce in umetnike, vendar prisotnost številnih lastniških formatov v različnih grafičnih urejevalnikih povzroča resne težave pri izmenjavi datotek.

Za vas je lahko prava težava pretvoriti na primer SVG v AI ali PDF v AI format, da bi lahko delali v znani obliki. Druga možnost je možna, ko vas prosimo, da svoje delo oddate v formatu, v katerega vaš grafični urejevalnik ne more izvoziti, na primer, morda boste morali pretvoriti format AI v vektor SVG. Toda z našo storitvijo to ni problem in vam ponujamo spletni pretvornik, ki lahko pretvori vektorsko grafiko naslednjih formatov: AI, CDR, CDT, CCX, CMX, SVG, FIG, CGM, AFF, WMF, SK, SK1, PLT, DXF, DST, PES, EXP, PCS.

Z našimi spletna storitev pozabili boste, da lahko naloga pretvorbe vektorja v drug format povzroči nekaj težav. Če želite na primer pretvoriti eps v ai, morate samo izbrati datoteko v računalniku ali določiti povezavo do nje, nato izberite želeno obliko in kliknite gumb »pretvori«. V nekaj sekundah lahko prenesete vektor v zahtevani obliki z našega spletnega mesta na svoj računalnik.

Za pretvorbo grafičnih vektorskih datotek naš spletni pretvornik uporablja paket UniConvertor, ki podpira večino vektorskih formatov. Pretvorba datotek v vektorski obliki paketa Corel Draw (CDR) se izvaja z grafičnim paketom LibreDraw, ki zagotavlja visokokakovostno delo s formatom, z njim pa se lahko podrobneje seznanite s preučevanjem našega gradiva »Pretvorba iz CDR (Corel Draw)«. Morda se soočite tudi z nalogo pretvorbe rastra v vektor, na primer morate pretvoriti jpg v ai ali png v ai, kar lahko preprosto storite tudi na naši storitvi. Samo določiti morate sliko v rastrski obliki kot izvorno datoteko, izbrati vektorsko obliko, ki jo potrebujete, in naš pretvornik bo izvedel to pretvorbo namesto vas v nekaj sekundah. Naša storitev uporablja programski izdelek Potrace kot program za sledenje rastrskih v vektorske podatke. Več o zmožnostih sledilnika Potrace lahko izveste v našem članku »Pretvorba grafične slike v vektorsko obliko«. Z našo storitvijo lahko vedno prosto pretvarjate vektorske slike med formati, ne da bi vam bilo treba skrbeti za namestitev dodatne programske opreme na vaš računalnik.

Podprti formati vektorske grafike:

SVG (Scalable Vector Graphics) je zelo bogata razširljiva vektorska grafična datoteka, napisana v označevalnem jeziku XML. Ugotovimo, katere programske rešitve je mogoče uporabiti za ogled vsebine predmetov s to razširitvijo.

Glede na to, da je Scalable Vector Graphics grafični format, je naravno, da ogled teh objektov podpirajo predvsem pregledovalniki slik in grafični urejevalnik. Toda nenavadno je, da se še vedno redki pregledovalci slik spopadajo z nalogo odpiranja SVG, pri čemer se zanašajo le na svojo vgrajeno funkcionalnost. Poleg tega si je mogoče predmete preučevanega formata ogledati z nekaterimi brskalniki in številnimi drugimi programi.

1. način: Gimp

Najprej si oglejmo, kako si ogledati risbe formata, ki ga proučujemo, v brezplačnem grafičnem urejevalniku Gimp.

2. način: Adobe Illustrator

Naslednji program, ki lahko prikaže in spremeni slike določenega formata, je Adobe Illustrator.

3. način: XnView

Pregled pregledovalcev slik, ki delujejo s preučevanim formatom, bomo začeli s programom XnView.

Obstaja še ena možnost za ogled SVG v XnView. To se naredi s pomočjo vgrajenega brskalnika.

4. način: IrfanView

Naslednji pregledovalnik slik, na primeru katerega si bomo ogledali ogled vrste risb, ki se preučujejo, je IrfanView. Za prikaz SVG v imenovanem programu je potreben tudi vtičnik CAD Image DLL, vendar za razliko od XnView ni prvotno nameščen v navedeni aplikaciji.

Sliko si lahko ogledate v tem programu tako, da datoteko povlečete in spustite iz "Dirigent" v lupino IrfanView.

5. način: OpenOffice Draw

Aplikacija Draw iz pisarniškega paketa OpenOffice si lahko ogleda tudi SVG.

Sliko si lahko ogledate tudi tako, da povlečete datoteko v zagonsko lupino OpenOffice.

Zaženete ga lahko tudi prek lupine Draw.

6. način: LibreOffice Draw

Podpira zaslon s prilagodljivo vektorsko grafiko in konkurenta OpenOffice – pisarniški paket LibreOffice, ki vključuje tudi aplikacijo za urejanje slik, imenovano Draw.

Druga metoda odpiranja vključuje vlečenje datoteke iz upravitelja datotek v zagonsko lupino LibreOffice.

Tudi v LibreOffice si lahko, tako kot prejšnji programski paket, ki smo ga opisali, ogledate SVG prek lupine Draw.

7. način: Opera

SVG si lahko ogledate v številnih brskalnikih, od katerih se prvi imenuje Opera.

8. način: Google Chrome

Naslednji brskalnik, ki lahko prikaže SVG, je Google Chrome.

Metoda 9: Vivaldi

Naslednji spletni brskalnik, ki bo uporabljen kot primer za ogled SVG, je Vivaldi.

10. način: Mozilla Firefox

Ugotovimo, kako prikazati SVG v drugem priljubljenem brskalniku - Mozilla Firefox.

11. način: Maxthon

Na precej nenavaden način si lahko ogledate SVG v brskalniku Maxthon. Dejstvo je, da je v tem spletnem brskalniku aktiviranje začetnega okna načeloma nemogoče: niti z grafičnimi kontrolami niti s pritiskom na vroče tipke. Edini način za ogled SVG je vnos naslova tega predmeta naslovna vrstica brskalnik.

nedvomno, to možnost odpiranje vektorskih risb, ki se nahajajo lokalno na vašem trdem disku, je veliko bolj neprijetno in težavno kot pri drugih brskalnikih.

12. način: Internet Explorer

Oglejmo si možnosti za ogled SVG na primeru standardnega brskalnika za operacijski sistemi Linija Windows za Windows 8.1 vključno - Internet Explorer.

Kljub dejstvu, da je SVG vektorski format slike, ga večina sodobnih pregledovalnikov slik ne more prikazati brez namestitve dodatnih vtičnikov. Poleg tega vsi grafični urejevalniki ne delujejo s to vrsto slik. Toda skoraj vsi sodobni brskalniki lahko prikažejo to obliko, saj je bila nekoč ustvarjena predvsem za objavljanje slik na internetu. Res je, da je v brskalnikih mogoče le ogledovati in ne urejati objektov z navedeno končnico.

Za oblikovanje katere koli spletne strani potrebujete tako statično grafiko kot različne animirane in interaktivne elemente, ki, prvič, naredijo informacije, predstavljene na njej, bolj privlačne, in drugič, prispevajo k boljšemu zaznavanju gradiva.

Grafične informacije se prenašajo veliko počasneje kot besedilne informacije, čas nalaganja slik pa je neposredno odvisen od velikosti njihovih grafičnih datotek, zato hitro nalaganje spletnih strani predpostavlja majhnost grafičnih slik, ki so v njih vgrajene. Slednje dosežemo z optimalno izbiro formata grafično datoteko, pa tudi z optimizacijo, katere naloga je najti kompromis med hitrostjo nalaganja strani in kakovostjo slik, ki so na njej predstavljene. Vendar pa možnosti optimizacije niso neomejene in visokokakovostne slike imajo običajno impresivno prostornino, zato je doseganje Visoka kvaliteta slik, predstavljenih na spletu v njihovi majhni velikosti, še vedno ostaja resen problem.

Vendar ne gre le za velikost in kakovost, temveč se izkaže, da je oblikovanje zasnove spletne strani stvar, ki od oblikovalca zahteva poznavanje širokega nabora raznolikih tehnologij in programskih izdelkov, saj za različni tipi grafične informacije za njihovo ustvarjanje morate uporabiti različne formate datotek in različne tehnologije. Za statične grafike se uporabljajo formati GIF, JPG ali PNG, ki jih je mogoče ustvariti v različnih grafičnih paketih. Za animirane objekte se uporabljajo animacijski formati GIF in Flash, ti objekti pa so razviti v specializiranih programske aplikacije(specifično za vsako od imenovanih vrst formatov). Tudi interaktivni elementi (rolloverji, povezave ImageMap itd.) so praviloma ustvarjeni v specializiranih aplikacijah in predstavljajo niz grafičnih slik, povezava med katerimi je vzpostavljena v datoteki s kodo HTML, ki jih dopolnjuje.

Uspešna rešitev teh težav bi lahko bil prehod na grafični format SVG (Scalable Vector Graphics scalable vector graphics), ki temelji na jeziku XML, zahvaljujoč kateremu je mogoče vsako sliko SVG predstaviti kot niz. ukazne vrstice(slika 1), samo datoteko SVG pa lahko odprete v katerem koli urejevalniku besedil, vključno z Beležnico. Ta je primerjalno nova tehnologija je prvotno razvil Adobe posebej za splet, danes pa je zelo zanimiv za mobilne naprave, saj omogoča ustvarjanje visokokakovostne statične, animirane in interaktivne grafike. Zato ni presenetljivo, da ga leta 2003 aktivno podpira konzorcij W3C (http://www.w3.org/Graphics/SVG), W3C je sprejel standard SVG 1.1 kot priporočilo, specifikacija pa je trenutno se razvija SVG 1.2 (http://www.w3.org/TR/SVG12/).

Tehnologija SVG omogoča kombiniranje besedila, grafike, animacije in interaktivnih komponent v enem formatu in temelji na treh vrstah grafičnih slik: vektorskih oblikah, slikah in besedilu. Oblike, kot je običajno v vektorski grafiki, so predstavljene bodisi s premočrtnimi in krivočrtnimi konturami ali grafičnimi primitivi (pravokotniki, elipse itd.), risbe pa so uvožene rastrske slike. Poleg tega podpira format SVG različne vrste animirane (ki spominjajo na GIF in Flash animacije) in interaktivne objekte, kot so rolloverji, zemljevidi povezav in drugi elementi navigacije. In odkar ta standard temelji na jeziku XML, lahko datoteka SVG poleg elementov, namenjenih vizualnemu prikazu, vsebuje tudi različne metapodatke.

Prednosti in slabosti uporabe zapisa SVG

Uporaba formata SVG vam omogoča razvoj manjše, hitreje naložene, visokokakovostne, vsestranske grafike za splet in mobilne naprave, ki je ne more zagotoviti noben drug grafični format. Glavne prednosti grafičnega formata SVG vključujejo naslednje:

• visoka kakovost slik ne glede na njihovo velikost, kar je razloženo z vektorsko naravo formata SVG. Slike je mogoče neomejeno zmanjšati ali povečati brez izgube kakovosti (slika 2) v skladu z velikostjo zaslona, ​​kar vam omogoča, da dobite visokokakovostne slike grafičnih informacij na različne vrste naprave (namizni, žepni računalniki itd.), omogoča pa tudi natančnejši pregled posameznih podrobnosti, kar je pomembno na primer pri delu s tehničnimi risbami;
• veliko manjša velikost datoteke v primerjavi z formati GIF, JPG, PNG in animacije GIF, še bolj pa s formatom Flash. Na primer, če je bila datoteka GIF, preizkušena za članek, stisnjena v načinu stiskanja LZW, velika 26 KB, je bila velikost ustrezne datoteke SVG 1220 bajtov, pri stiskanju v formatu SVGZ pa le 685 bajtov.

A ni samo to. V primerjavi s tradicionalnimi možnostmi za grafično predstavitev spleta ima uporaba zapisa SVG številne druge nedvomne prednosti.

Torej, za razvijalce so pomembne prednosti:

• zmožnost kombiniranja statičnih, animiranih in interaktivnih elementov v enem formatu ter kombinacije vektorskih in rastrskih objektov;
• izboljšano ravnanje z besedilom, vključno s kerningom, ukrivljenim besedilom in neomejeno uporabo pisave;
• več učinkovito upravljanje natančna barvna reprodukcija in najširše možnosti za uporabo gradientnih polnil visoke ločljivosti, senc, filtrov itd. v spletnih slikah;
• besedilna narava formata SVG in njegova podpora za kaskadne slogovne liste, kar močno poenostavi postopek posodabljanja spletnega mesta in omogoča, da ga po potrebi spremenite brez uporabe posebni programi;
• integracija z bazami podatkov, zgrajenimi na standardih XML (Extensible Markup Language) in CSS (Cascading Style Sheets), ki omogoča shranjevanje slik SVG v bazo podatkov in ustvarjanje dinamičnih spletnih strani z njihovo uporabo – različne za različne platforme, osebne nastavitve itd. d. ;
• brez težav z indeksiranjem Datoteke SVG indeksirajo vsi iskalniki (za razliko od na primer datotek SWF).

Uporabniki bodo uživali v visokokakovostni vsebini SVG, ki se hitro nalaga. Poleg tega je mogoče kopirati besedilo, ki se nahaja na sliki SVG, in s tem shraniti nekaj koristnih informacij zase, pa tudi poiskati besedilo na sliki, kar je v nekaterih primerih lahko zelo potrebno, na primer pri iskanju želeno ime na zemljevidu ali risbi.

Vendar ima tehnologija SVG, kot običajno, poleg prednosti tudi slabosti, in to zelo resne.

• Proizvajalci internetnih brskalnikov slabo podpirajo slike SVG. Posledično morajo uporabniki za ogled grafike SVG iz brskalnika dodatno namestiti vtičnik drugega proizvajalca, ki omogoča to možnost, na primer SVG Viewer podjetja Adobe. Teoretično to ni težko; ustrezni vtičniki so enostavni za namestitev, brezplačni, majhni in jih je mogoče hitro prenesti z interneta. V praksi se vse izkaže za veliko bolj zapleteno, saj večina uporabnikov interneta ne ve za obstoj teh zmožnosti in si zato ne more ogledati ta tip grafika brez vtičnika preprosto ni vidna. Vendar se razmere postopoma spreminjajo in v zadnjem letu sta dva vodilna razvijalca spletnih brskalnikov uvedla podporo za format SVG. Spomladi je Opera Software izdala različico 8 brskalnika Opera, ki podpira SVG 1.0 Tiny; v različici Opera 9.0, ki se je pojavila malo kasneje, je bila implementirana delna podpora za format SVG 1.0 Basic. Drugi razvijalec, ki je vključil podporo za SVG, je bila organizacija Mozilla kot del svoje izdaje brskalnik Firefox 1.5 vključuje projektni modul Mozilla SVG, ki omogoča ogled grafike SVG specifikacije 1.1. Poleg tega so sredi leta 2005 razvijalci brskalnika Safari, ki delujejo na računalnikih, tečejo Mac nadzor OS X;
• V primerjavi z drugimi grafični formati Razvijalci grafične programske opreme še vedno slabo podpirajo format SVG, čeprav vodilni grafični paketi, kot so Adobe Illustrator, Corel DRAW itd., omogočajo izvoz grafike v datoteke SVG. Seveda lahko datoteke SVG ustvarite v katerem koli urejevalniku besedil, vendar to ni praktično v smislu hitrosti in stroškov razvoja. Po potrebi je priročno urediti datoteko v urejevalniku besedil (kar je mimogrede mogoče le, če dobro poznate tehnologijo XML), vendar je ustvarjanje iz nič nespametno, saj bo zahtevalo preveč časa in truda. Za to potrebujemo preprosta in priročna sredstva za hitro vizualni razvoj grafike v formatu Scalable Vector Graphics z možnostjo urejanja programske kode, ki ustreza sliki v istem okolju, vendar je takšnih izdelkov zelo malo in so premalo poznani.

Posledično nastane zelo žalostna situacija: mnogi uporabniki še ne morejo videti grafike SVG zaradi pomanjkanja podpore zanjo v spletnih brskalnikih na ustrezni ravni, spletni razvijalci praktično ne razvijajo grafike SVG, ne glede na to, kako privlačna je lahko, in razvijalci programske opreme ne razvajajo spletnih oblikovalcev z različnimi aplikacijami, osredotočenimi posebej na SVG. Rezultat je začaran krog: “Če ni vsebine, potem ljudje ne potrebujejo implementacije SVG, in če ni implementacije, potem ni vsebine” točno tako so situacijo opisali v enem od konzorcij W3C srečanja.

Lahko pa pogledate na situacijo z druge strani: podpora SVG (čeprav še ne v celoti) s strani dveh priljubljenih spletnih brskalnikov, pa tudi zanimanje za tehnologijo znanih razvijalcev nakazuje, da je "led prebit" in da ima SVG resnično možnost, da postane eden izmed priljubljenih formatov za predstavitev spletnih informacij. Ta možnost se povečuje zaradi vse večjega zanimanja za tehnologijo SVG v povezavi z mobilnimi napravami, kjer so zahteve po velikosti in kakovosti slike veliko višje. Opera Software, na primer, načrtuje prvo izvedbo popolna podpora SVG format na namiznih računalnikih in šele nato prenesite na mobilne platforme. Zato je čas, da spletni oblikovalci razmislijo o uporabi SVG, sicer tvegajo, da bodo v bližnji prihodnosti zaostali.

Vtičniki za ogled grafike SVG

Kot smo že omenili, bo večina uporabnikov za zdaj morala uporabiti enega od ustreznih vtičnikov za ogled grafike SVG v celoti v oknu internetnega brskalnika, med katerimi sta najbolj znana brezplačna modula Adobe SVG Viewer in Corel SVG Viewer. Prvi je na voljo Adobe SVG Viewer ločena aplikacija, je kompakten in priročen, deluje naprej različne platforme, podpira veliko število internetnih brskalnikov in je zato med uporabniki veliko bolj priljubljen. Aplikacija Corel SVG Viewer je vključena v paket Corel Smart Graphics Studio, vendar je na voljo tudi kot brezplačna programska oprema.

Obstajajo tudi druge možnosti za ogled grafike SVG; lahko na primer uporabite ustrezne module iz Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/ batik), KDE KSVG (http://www.kde.org) itd. Celoten seznam aplikacij, ki omogočajo ogledovanje slik SVG, je podan na: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG pregledovalnik

razvijalec: Adobe Systems, Inc.

Velikost distribucije: 2,25 MB

Način distribucije: brezplačna programska oprema (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Cena: zastonj

Delo pod nadzorom: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris

Podpora za brskalnik: Internet Explorer 4.0 ali novejši, Netscape Navigator ali Communicator 4.5 do 4.78 (razen 6.x)

Pregledovalnik Corel SVG

razvijalec: Corel Corp

Velikost distribucije: 4,9 MB

Način distribucije: brezplačna programska oprema (modul lahko prenesete iz: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Cena: zastonj

Delo pod nadzorom: Windows 98/NT/2000/Me/XP

Podpora za brskalnik: Microsoft Internet Explorer 5.5 in višje, Netscape Navigator ali Communicator različice 4.79, 7.02

Programi za ustvarjanje grafike SVG

Vse programe za ustvarjanje grafike SVG lahko razdelimo v tri velike skupine. Prvi vključuje priljubljene dvodimenzionalne grafične pakete, ki so osredotočeni na delo z vektorsko grafiko in hkrati omogočajo izvoz slik v format SVG. Najbolj priljubljena med njimi sta Adobe Illustrator in CorelDRAW; poleg tega takšen izvoz v eni ali drugi meri podpira številne druge aplikacije: AutoCAD, Microsoft Visio itd. Glavna prednost te skupine aplikacij je, da imajo napredna orodja za ustvarjanje vektorskih slik in vam omogočajo, da dosežete edinstvene učinke z uporabo prosojnosti, gradientnih polnil, različnih filtrov itd. Vendar te aplikacije zahtevajo resno posebno usposabljanje in zato v večji meri namenjen profesionalnim oblikovalcem. Poleg tega se večinoma ne osredotočajo na oblikovanje SVG (čeprav vam omogočajo pridobitev grafike v formatu Scalable Vector Graphics), medtem ko zagotavljajo priročno vizualno ustvarjanje in prikaz slik, te aplikacije pa ne omogočajo njihovega prilagajanja besedilu. raven, ki je pomembna za grafiko SVG. Pomembno je tudi, da podpora za format Scalable Vector Graphics v njih ni v celoti implementirana, zaradi česar vseh elementov vektorske slike ni mogoče brez napak izvoziti v SVG.

Drugo skupino programskih izdelkov sestavljajo paketi, namenjeni izključno ustvarjanju grafike SVG. Imajo veliko manj možnosti v smislu vizualnega razvoja vektorskih slik, čeprav vključujejo vsa potrebna orodja. Zagotavljajo pa priročna orodja za urejanje izvorne kode in vam omogočajo vzporedno delo s predmeti SVG, tako vizualno kot na ravni kode, med temi možnostmi za predstavitev informacij pa lahko enostavno preklapljate. Vse aplikacije iz te skupine so zelo preproste in dostopne ter ne zahtevajo veliko časa za učenje. Poleg tega imajo relativno majhne distribucije (v primerjavi z aplikacijami prve skupine), tako da jih je mogoče brez težav kupiti prek interneta. Vendar je programov s takšnimi zmogljivostmi zelo malo, spodaj pa bomo podrobno obravnavali le štiri, ki so najbolj zanimivi in ​​so zasnovani za različne kategorije uporabnikov. Z celoten seznam Aplikacije, ki so na voljo za ustvarjanje grafike SVG, najdete na: http://wiki.svg.org/Design_Tools.

In končno, tretja skupina lahko vključuje vse urejevalnike besedil, vključno z navadno beležnico. Kot je navedeno zgoraj, format Scalable Vector Graphics temelji na jeziku XML, ki omogoča ustvarjanje in urejanje datotek SVG na ravni besedila v urejevalniku besedil, če je to potrebno.

Grafične aplikacije s polnimi funkcijami, ki vam omogočajo ustvarjanje grafike SVG

Adobe Illustrator CS2

razvijalec: Adobe Systems, Inc.

Velikost distribucije: Macintosh različica 428,9 MB, Windows različica 398,6 MB

Način distribucije: shareware (30-dnevna demo različica paketa je na voljo na: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

Cena: 665 $

Delo pod nadzorom: Windows 2000 s servisnim paketom 3 ali Windows XP, Mac OS X različice 10.2.4 do 10.2.7, Java Runtime Environment 1.4.1

Od različice 9 je Adobe Illustrator (slika 3) implementiral uvoz in izvoz datotek SVG in to na veliko višji ravni v primerjavi s podobnimi programi. grafične aplikacije raven. Paket podpira vse obstoječe specifikacije SVG, kodiranja ISO 8859-1, UTF-8 in UTF-16, različne možnosti izvoza besedila in vam omogoča izvoz slik tako v navadnem formatu SVG kot v stisnjenem SVGZ.

V grafiki SVG, ustvarjeni v njegovem okolju, lahko uporabite prelive, prosojnost, pa tudi celo vrsto posebej oblikovanih učinkov SVG (Effect=>SVG Filters) v obliki različnih senc, zamegljenosti itd. Slike s takšnimi učinki ostanejo jasno, če si ga ogledate v spletnem brskalniku s kakršno koli povečavo. Poleg statičnega Grafika ilustratorja vam omogoča prejemanje interaktivne grafike v formatu SVG za ta namen je na voljo posebna paleta SVG Interactivity (odprete jo lahko v meniju Window=>SVG Interactivity), v kateri so določena dejanja za interaktivne objekte. Omeniti velja, da delo na interaktivnih elementih SVG v Illustratorju zahteva znanje Java Script in razumevanje osnovnih principov objektno usmerjenega programiranja. Poleg tega lahko z uporabo formata Scalable Vector Graphics v tem programu ustvarite dinamično grafiko, ki temelji na podatkih.

CorelDRAW Graphics Suite 12

razvijalec: Corel Corp.

Velikost porazdelitve tiva: 200 MB

Način distribucije: shareware (demo različico lahko prenesete s spletnih mest spletnih trgovin, na primer na: http://allsoft.ru/Download.php?ver=17605)

Cena: 290 $ (Allsoft.ru)

Delo pod nadzorom: Windows NT/2000/XP

Znana aplikacija za razvoj profesionalne vektorske grafike CorelDRAW (slika 4), ki je del CorelDRAW Graphics Suite 12, omogoča uvoz in izvoz v formatih SVG in SVGZ na osnovna raven, zato ga je mogoče uporabiti za ustvarjanje statične in interaktivne grafike SVG.

Aplikacija podpira neprepoznane podatke, atribute in metapodatke ter omogoča tudi možnost predogled Datoteke SVG v brskalniku pred izvozom. Poleg tega je možno kodiranje Unicode za metode kodiranja UTF-8 in UTF-16 ter različne možnosti za izvoz besedila in bitnih slik. Najnovejša različica ima bistveno izboljšano podporo za izvoz simbolov, besedila, senc, obrisov, plasti, vdelanih binarnih slik itd.

Žreb Mayura 4.3

razvijalec: Programska oprema Mayura

Velikost distribucije: 1,3 MB

Način distribucije: shareware (demo različica http://www.mayuradraw.com/mdraw.zip)

Cena: 39 dolarjev

Delo pod nadzorom: Windows 95/98/Me/NT/2000/XP

Mayura Draw (slika 5) zelo preprost in poceni program za ustvarjanje vektorske grafike, zasnovan za splošnega uporabnika. V njem pridobljene vektorske slike lahko po želji izvozimo v format SVG, zato lahko Mayura Draw postane možna rešitev za razvoj statične grafike SVG. Program podpira vsa glavna vektorska grafična orodja in vam omogoča pridobivanje vektorskih slik na podlagi grafičnih primitivov, linearnih in krivuljnih kontur ter besedila. Seznam njegovih zmogljivosti vključuje priročna sredstva za poravnavo, distribucijo in organiziranje predmetov, upravljanje preglednosti, uporabo vodil in ravnil za natančno postavitev predmetov ter različne transformacije.

Specializirani paketi za ustvarjanje grafike SVG

EvolGrafiX XStudio 6.1

razvijalec: EvolGrafiX

Velikost distribucije: 7,25 MB

Način distribucije: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

Cena: 449 $ komercialna licenca, 249 $ akademska licenca

Delo pod nadzorom: Windows 2000/XP

Profesionalni paket XStudio (slika 6) je priročno orodje za ustvarjanje raznolike grafike SVG za splet in mobilne naprave ter omogoča popoln nadzor tako nad projektom SVG kot celoto kot nad vektorskimi slikami, animacijami, skripti itd. priročen, intuitiven in enostavno prilagodljiv uporabniški vmesnik ponuja široko paleto orodja, Ima visoka hitrost delo, omogoča ustvarjanje grafike SVG vseh obstoječih specifikacij in podpira vse sloge razširljive vektorske grafike. Vse to, skupaj z relativno nizko ceno za profesionalni paket, nam omogoča, da ga štejemo za najboljšo profesionalno rešitev te vrste. XStudio je opremljen s podrobno dokumentacijo, podprto z vrsto vadnic, in se ga je enostavno naučiti.

riž. 6. Kombinacija ustvarjanja vizualne slike z urejanjem izvorne kode
v EvolGrafiX XStudio

Aplikacija ima vse potrebne zmogljivosti za ustvarjanje in obdelavo vektorskih slik in je v tem pogledu zelo podobna paketu Adobe Illustrator. Hkrati je XStudio osredotočen neposredno na pripravo statične, interaktivne in animirane grafike SVG, zato je poleg klasičnih orodij za delo z vektorskimi objekti dopolnjen s posebnimi zmožnostmi SVG. Vgradna orodna vrstica Document Object Model (DOM) zagotavlja hierarhično predstavitev objektov SVG, priročen urejevalnik XML vam omogoča, da popravite izvorno kodo na ravni besedila, urejevalnik skriptov pa vam omogoča, da jo dopolnite s skripti Java. Delo s kodo je organizirano zelo priročno: fragmenti kode izbranega predmeta so samodejno označeni, možno je iskati besedilo in nastaviti zaznamke itd. Vse spremembe kode se takoj odražajo v vizualnem oknu za ogled, vizualne spremembe pa se odražajo v okno urejevalnika.

Inkscape

Razvijalec: IOSN (International Open Source Network International Open Source Network)

Velikost distribucije: 8,7 MB

Cena: zastonj

Delo pod nadzorom: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (slika 7) je najobetavnejši vektorski urejevalnik po odprtokodnem modelu, ki je večplatformski in je zmogljivo orodje za razvoj grafike v skladu s standardom Scalable Vector Graphics. s svojimi funkcionalnost pri delu z vektorskimi slikami in vmesnikom je Inkscape zelo podoben CorelDRAW. Podpira alfa kanale, delo s plastmi, uporabo tekočega besedila, spektakularna gradientna polnila, velika številka filtri in učinki, različne transformacije, priročno delo s konturami in predmeti, združevanjem predmetov in še veliko več. Podatke je mogoče uvoziti iz datoteke JPEG, PNG in TIFF ter jih vdelati v slike SVG.

Vendar pa je Inkscape za razliko od CorelDRAW postavljen kot aplikacija za oblikovalce SVG, zato poleg klasičnega ustvarjanja vizualne grafike omogoča neposredno obdelavo kode XML v vgrajenem urejevalniku besedil. Program je konfiguriran za shranjevanje slik v običajnih in stisnjenih datotekah SVG, čeprav jih je mogoče po želji pretvoriti v običajne vektorske in rastrske formate.

Paket Inkscape ima priročen rusificiran vmesnik, enostaven za učenje in ima dobro sistem pomoči, vključno z različnimi primeri uporabe, in poleg tega to aplikacijo brezplačno zaradi vsega tega je zelo privlačno za širok krog uporabnikov. Glavne pomanjkljivosti programa so nizka hitrost delovanja in povečane zahteve po sistemskih virih.

Corel WebDraw

razvijalec: Corel Corp

Velikost distribucije: 15,6 MB

Način distribucije: shareware (30-dnevna predstavitev http://www5.jasc.com/pub/wdw102ev.exe)

Cena: Različica za prenos za 179 $, različica za CD za 199 $

Delo pod nadzorom: Windows 98/NT4/2000/Me/XP

Corel WebDraw (slika 8), bolj znan kot Jasc WebDraw, je celovita rešitev za ustvarjanje visokokakovostne grafike in animacij SVG, namenjena profesionalnim oblikovalcem. Zaradi intuitivnega vmesnika programa je privlačen širokemu krogu uporabnikov.

Aplikacija ponuja obsežen nabor standardnih grafičnih orodij, značilnih za aplikacijo vektorske grafike s polnimi funkcijami: osnovne oblike (elipsa, pravokotnik, zvezda itd.), pero, mnogokotnik, poličrta, besedilo itd. Poleg vektorskih objektov WebDraw omogoča dopolnitev objektov SVG z zunanjimi rastrskimi slikami. Poleg običajnih polnil in prekrivanj že pripravljeni slogi Uporabite lahko zapletene prelive, polnila, vključno z vzorci, ki ste jih ustvarili sami. Za bolj učinkovite slike lahko uporabite filtre, tako preproste (zameglitev in senčenje) kot zapletene (teksturiranje in osvetlitev). Mreže, vodila in ravnila vam pomagajo natančno postaviti predmete, vgrajena orodna vrstica Document Object Model (DOM) pa predstavlja predmete SVG v hierarhičnem drevesnem pogledu za enostavno upravljanje.

WebDraw je opremljen z univerzalno linijo snemalne knjige animacij, Animation Timeline, ki je zgrajena na podlagi SVG DOM (Document Object Model), ki vam omogoča, da kadar koli izberete in animirate skoraj vsak atribut ali lastnost predmeta vseh vrst. . Mehanizem povleci in spusti omogoča urejanje začetne in končne točke animacije ter trajanja posamezne faze animacije neposredno na časovnici. Ker se ključni časi animacije vstavijo vsakič, ko nastavite možnosti animacije za atribut ali lastnost predmeta, jih je mogoče premakniti na druga področja snemalne knjige za namene samodejne nastavitve porazdelitev animacijskih učinkov skozi čas.

Paket omogoča delo z grafiko SVG v dveh različicah: kot niz vizualno prikazanih grafični objekti in z ustrezno izvorno kodo. Urejanje izvorne kode v vgrajenem urejevalniku besedila datoteke SVG zagotavlja dodatno prilagodljivost in nadzor nad vsebino datoteke. Samodejno preverjanje spremembe v izvorni kodi pomagajo zagotoviti pravilno obnašanje ustvarjene grafike, najdene napake pa so označene z barvo, kar oblikovalca reši ur iskanja po stotinah vrstic kode. Rezultat morebitnih sprememb v izvorni kodi se takoj prikaže na zaslonu. Če želite, lahko v WebDraw uvozite, urejate in optimizirate datoteke SVG, ustvarjene v drugih aplikacijah.

Urejevalnik SVG Sketsa 3.2.3

razvijalec: KIYUT

Velikost distribucije: 5,99 MB

Metoda distribucije: shareware (predstavitev, ki sliki doda oznako, http://www.kiyut.com/products/sketsa/sketsa.zip)

Cena: 49 $

Delo pod nadzorom: Windows 2000/XP, Java VM (JRE) 1.5 in višje (http://www.java.com/getjava), UNIX in Linux

Aplikacija Sketsa (slika 9) je eden najbolj priljubljenih urejevalnikov SVG in omogoča ustvarjanje profesionalne grafike SVG, vključno z optimizacijo v formatu SVGZ. Paket uspešno združuje enostavnost in enostavnost uporabe s široko paleto funkcij in je združljiv s sistemi Windows, Mac in Linux.

Sketsa podpira klasičen nabor orodij, značilnih za katero koli vektorsko aplikacijo, ki vam omogoča ustvarjanje in preoblikovanje poljubnih vektorskih objektov na podlagi kontur in grafičnih primitivov ter besedila, ki jih je po želji mogoče enostavno dopolniti z rastrskimi slikami. Nadzorujete lahko prosojnost, uporabljate gradientna polnila in filtre. Vse to uspešno dopolnjujejo specializirane zmogljivosti SVG, zahvaljujoč katerim je mogoče vsako sliko urejati ne le vizualno, ampak tudi v besedilnem načinu. Za urejanje kode SVG ima paket vgrajeno urejevalnik besedil XML. Za lažje upravljanje objektov je vgrajena orodna vrstica Document Object Model (DOM), ki je hierarhični drevesni nabor predmetov v dokumentu SVG, ki vam omogoča, da izberete kateri koli predmet dokumenta za urejanje njegovih lastnosti.