Obstaja veliko slikovnih formatov, vendar so vsi razdeljeni v dva velika razreda - rastrski in vektorski. Prvi se uporabljajo predvsem za različne kompleksne in podrobne grafike, kot je fotografija. V njih ima lahko vsak piksel, najmanjši element, svojo barvo, datoteka pa na splošno preprosto shrani barve za vsako točko na sliki. Seveda se uporabljajo različne metode za stiskanje velikosti informacij in iz tega obstaja veliko rastrskih formatov - bmp, png, jpg in drugi. Običajno je jpg najbolj učinkovit, saj ustvari majhno datoteko z dokaj dobrimi podrobnostmi. Ima pa pomanjkljivost - izgubo informacij pri stiskanju informacij. Če torej zmanjšate velikost datoteke, se slika poslabša.

Delo z datotekami SVG.

In ko takšne fotografije povečaš, postanejo piksli vidni. Vektorski formati delujejo po povsem drugem principu. Uporabljajo črte, odseke in like, ki so opisani z matematičnimi formulami. Vsak prostor, ki ga omejujejo, je mogoče zapolniti z barvo ali prelivom. Rezultat je slika, ki ni vezana na določene dimenzije – zlahka jo je mogoče stisniti ali raztegniti do ogromnih velikosti brez izgube kakovosti. Ena taka vektorska oblika je SVG. In postaja vedno bolj priljubljen, zlasti v okolju spletnega razvoja.

Splošni opis razširitve

Vrsta datoteke SVG je okrajšava za Scalable Vector Graphics, to je razširljivo vektorsko grafiko. Za opisovanje slik se uporabljata označevalna jezika VML in PGML. V bistvu je to Besedilni dokument, v katerem so za vsako figuro opisane koordinate oglišč in črt, ki potekajo skozi njih, ter barve različnih elementov. Prva različica tega formata je bila izdana leta 2001, druga različica pa se trenutno aktivno razvija. To pomeni, da je obetavno in se razvija. Ena izmed prednosti je majhna velikost datoteke, v katero lahko shranimo precej zapletene risbe. Zato se zdaj vse več ikon, piktogramov, logotipov in drugih elementov spletnega mesta uporablja v tem formatu in ne v rastrskih. Zaradi tega se stran naloži hitreje. Edinstvene značilnosti zapisa SVG vključujejo interaktivnost in animacijo. Prvi omogoča, da se slika odziva na dejanja uporabnika, na primer na klik miške ali premikanje nekaterih elementov. Animacija vam omogoča ustvarjanje precej zapletenih scenarijev. Vse skupaj omogoča ustvarjanje zelo lepih in živahnih grafičnih elementov za spletne strani. Lahko jih celo vdelamo v navadne rastrske slike v png, jpg in drugih formatih.

Datotečna razširitev .SVG

Na internetu lahko najdete veliko takšnih slik na foto zalogah, vključno z brezplačnimi. Ustvarjeni so v grafičnih urejevalnikih Adobe Photoshop, Illustrator, Corel Draw in nekateri drugi. Toda postavlja se vprašanje - kako odpreti format SVG. Navsezadnje vgrajena orodja Windows ne prikazujejo, katere slike vsebujejo. Čeprav lahko SVG urejate tudi v urejevalnik besedil, na primer v Beležnici, ker je besedilni dokument, a za to morate imeti precejšnje znanje označevalnih jezikov. Datoteko SVG lahko odprete v programu, v katerem je bila ustvarjena, ali v kakšnem drugem grafičnem urejevalniku, ki podpira ta format. Najbolj priljubljeni:

Seveda so ta imena seznam programov za delo vektorske grafike ni izčrpan. Veliko jih je, vključno z najbolj priljubljenim urejevalnikom Adobe Photoshop, ki zna shraniti slike kot vektorje in ima vtičnik za njihovo odpiranje. Ne pozabite na najbolj priljubljen urejevalnik vektorske grafike Corel Draw, ki ga lahko imenujemo najbolj priljubljen.

Kaj še lahko povzroča težave z datoteko?

Vsakdanji z uporabo sistema Windows in številnih drugih operacijskih sistemih se datoteke SVG ne odpirajo. Če želite videti njihovo vsebino, še manj pa jo urejati, morate namestiti kateri koli grafični urejevalnik, ki podpira ta format.

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 se doseže z optimalna izbira format 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 široke palete raznolikih tehnologij in programskih izdelkov, saj za različne vrste 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 uporabljata formata animacije GIF in Flash, ti objekti pa se razvijajo v specializiranih programskih aplikacijah (specifičnih za vsako od teh 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 aktivno podpira konzorcij W3C (http://www.w3.org/Graphics/SVG) leta 2003, standard SVG 1.1 pa je W3C sprejel kot priporočilo in ta trenutek Specifikacija SVG 1.2 je v razvoju (http://www.w3.org/TR/SVG12/).

z ustrezno sliko

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 format SVG podpira različne vrste animiranih (ki spominjajo na animacije GIF in Flash) in interaktivnih objektov, kot so premiki, zemljevidi povezav in drugi navigacijski elementi. In ker 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 lahko neomejeno pomanjšujete ali povečujete brez izgube kakovosti (slika 2) v skladu z velikostjo prikaza, kar vam omogoča, da dobite visokokakovostna slika grafične informacije o 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 datotek v primerjavi z formati GIF, JPG, PNG in animacije GIF, še bolj pa s formatom Flash. Na primer, če je datoteka testirana za članek format GIF, stisnjen v načinu stiskanja LZW, je znašal 26 KB, velikost pripadajoče datoteke SVG je obsegala 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;
• učinkovitejši nadzor barvne natančnosti in večje možnosti uporabe gradientnih polnil v spletnih slikah visoka ločljivost, sence, filtri itd.;
• 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 z njihovo uporabo dinamične spletne strani različne za različne platforme, osebne nastavitve itd.;
• 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. Projektni modul Mozilla SVG, ki omogoča ogled grafike SVG specifikacije 1.1, je bil vključen v brskalnik Firefox 1.5. Poleg tega so sredi leta 2005 razvijalci brskalnika Safari, ki deluje na računalnikih z operacijskim sistemom Mac OS X, začeli aktivno delati za uvedbo podpore za SVG 1.1;
• V primerjavi z drugimi grafičnimi formati je format SVG še vedno slabo podprt s strani razvijalcev grafične programske opreme, č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 orodja za hiter vizualni razvoj grafike v formatu Scalable Vector Graphics z možnostjo urejanja programske kode, ki ustreza sliki v istem okolju, vendar je takih izdelkov zelo malo in niso dobro znan.

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, da bo polno podporo za format SVG najprej implementirala na namiznih računalnikih in jo šele nato prenesla 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 izmed njih, Adobe SVG Viewer, prihaja kot samostojna aplikacija, je kompakten in priročen, deluje na različnih platformah, 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 omogočajo doseganje edinstvenih učinkov z uporabo prosojnosti, gradientnih polnil, različnih filtrov itd. Toda te aplikacije zahtevajo resno posebno usposabljanje in so zato namenjene predvsem 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 grafičnimi aplikacijami. 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čne grafike Illustrator omogoča tudi ustvarjanje interaktivne grafike v formatu SVG, za to je na voljo posebna paleta SVG Interactivity (odprete jo lahko v meniju Window=>SVG Interactivity), v kateri so dejanja za interaktivne objekte. so določeni. 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

Dobro znana aplikacija za razvijanje profesionalne vektorske grafike CorelDRAW (slika 4), vključena v CorelDRAW Graphics Suite 12, omogoča uvoz in izvoz v formatih SVG in SVGZ na osnovni ravni, zato se lahko uporablja za ustvarjanje statičnih in interaktivnih Grafika SVG.

v datoteko SVG v CorelDRAW

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. IN Najnovejša različica Bistveno izboljšana podpora 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. Dobljene vektorske slike je mogoče po želji izvoziti v format SVG, zato je Mayura Draw lahko 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 enostaven za prilagajanje Uporabniški vmesnik, ponuja široko paleto orodij, 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. Vgrajena orodna vrstica Document Object Model (DOM) omogoča 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 (mednarodno Odprtokodno Omrežje Mednarodno odprtokodno omrežje)

Velikost distribucije: 8,7 MB

Cena: zastonj

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

Inkscape (slika 7) najbolj obetaven urejevalnik vektorjev temelji na Open Source modelu, ki je večplatformski in je močno 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, veliko število filtrov in učinkov, različne transformacije, priročno delo s konturami in predmeti, združevanjem predmetov in še veliko več. Podatke lahko uvozite iz datotek JPEG, PNG in TIFF in jih vdelate v slike SVG.

vgrajen urejevalnik Inkscape

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 dober sistem pomoči, vključno z različnimi primeri uporabe, poleg tega pa 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 vam WebDraw omogoča dopolnitev objektov SVG z zunanjimi rastrske slike. Poleg običajnih polnil in prekrivanja že pripravljenih slogov lahko uporabite 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: z naborom vizualno prikazanih grafičnih objektov 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 katero koli sliko urejati ne samo vizualno, ampak tudi v besedilni način. Za urejanje kode SVG paket ponuja vgrajen 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.

Najbolj priljubljena grafični uredniki omogoča shranjevanje slik v več formatih. Če program deluje z rastrsko grafiko, so za shranjevanje datotek na voljo rastrski formati; če z vektorsko grafiko, potem v skladu s tem vektorski formati. Vendar pa obstajajo rastrski urejevalniki, ki podpirajo izvoz risb v vektorske in mešane formate. Takšen je na primer Adobe Photoshop, ki zna izvoziti risbo v SVG – danes dokaj pogost format, ki lahko shrani tako rastrsko kot vektorsko grafiko.

Kaj je format SVG in kje se uporablja?

Leta 2001 ga je razvil konzorcij Svetovni splet, format SVG ni ravno navaden dokument. Temelji na označevalnih jezikih VML in PGML, torej v bistvu govorimo o besedilni datoteki. V tem primeru urejevalniki in brskalniki interpretirajo SVG kot sliko, ki je lahko statična ali animirana. Ker je SVG najpogostejši med drugimi formati, zasnovanimi za shranjevanje vektorske grafike, se trenutno aktivno uporablja za shranjevanje in distribucijo vektorskih in mešanih slik po internetu.

Kot vsi formati ima tudi SVG svoje prednosti in slabosti. Prvi vključujejo razširljivost brez izgube kakovosti, relativno majhno težo, možnost integracije slik PNG, GIF, JPG v dokumente SVG, urejanje (če imate ustrezne izkušnje) v urejevalnikih besedil, indeksiranje z iskalnimi roboti, podporo za animacijo in razširjenost. Prednosti formata so tudi dobra stisljivost, odprtost in prilagodljivost.

Po drugi strani pa SVG podeduje svoje pomanjkljivosti z vsemi pripadajočimi. Format ni primeren za ustvarjanje zapletenih predmetov, saj datoteke SVG hitro pridobijo na teži, če so sestavljene iz številnih majhnih delov. Poleg tega morajo programi prebrati celoten dokument, da prikažejo sliko, zaradi česar je format težko uporabljati v aplikacijah za kartiranje. Med pomanjkljivostmi formata ugotavljamo relativno nizko združljivost med brskalniki in pomanjkanje vsaj minimalne podpore za 3D-grafiko.

Najboljši urejevalniki za delo z datotekami SVG

Kot smo že omenili, lahko datoteko SVG urejate v običajnem urejevalniku besedil, vendar morate za to imeti posebno znanje. Veliko bolj priročno in pravilno je uporabljati urejevalnike vektorske grafike.

Adobe Illustrator

Najbolj funkcionalno orodje, ki je popolno za vlogo urejevalnika SVG. Adobe Illustrator ima impresiven nabor orodij za delo z vektorsko in kombinirano grafiko. Omogoča ustvarjanje in urejanje preprostih skic in kompleksnih umetniških ilustracij. Pri delu s formatom SVG urejevalnik omogoča uporabo slojev in skriptnih jezikov ter uporabo posebnih učinkov.

Boxy SVG

Slike SVG lahko odprete tudi z aplikacijo Boxy SVG, ki je posebej ustvarjena za delo s tem formatom. Ta urejevalnik je v mnogih pogledih slabši od Adobe Illustratorja, vendar boste v njem našli vse osnovna orodja za ustvarjanje in urejanje slik SVG. Aplikacija podpira delo z oblikami in predmeti, uvoz pisav in slik priljubljenih formatov, delo s knjižnico Pixabay, ogled in urejanje izvorne kode SVG in CSS. Boxy SVG je na voljo kot spletna storitev in kot aplikacija za Windows 10, MacOS in Chrome OS.

Vectr

Kako drugače lahko odprete datoteko SVG? Za delo s tovrstnimi datotekami obstaja program Vectr, ki se zelo dobro spopada z nalogami urejanja, ki so mu dodeljene. Aplikacija ponuja funkcije, kot so spreminjanje posameznih delov vektorske slike, delo s plastmi, dodajanje besedila in primitivov, uporaba učinkov (na primer prosojnost, poteza, zunanji in notranja senca), uporaba prelivov, peresa, črt in drugih orodij. Pripomoček Vectr je brezplačen in obstajajo različice za Windows, Linux in Chrome OS.

Inkscape

Za razliko od prejšnjih dveh programov Inkscape ni treba veliko predstavljati. Ta je močan in popolnoma brezplačen urejevalnik se lahko uporablja za urejanje in ustvarjanje vektorske grafike katere koli kompleksnosti, od ikon SVG do popolnih ilustracij. Inkscape lahko dela s potmi, besedilom, označevalci, plastmi in kanali, prelivi in ​​teksturami. Podpira tudi vektorizacijo rastrske grafike, upravljanje barv SVG in še veliko več.

Mimogrede, barvo SVG lahko spremenite tako, da uredite izvorno kodo datoteke, vendar morate za to imeti vsaj osnovno razumevanje jezika CSS in barvnih kod. Z urejanjem, na primer, slogovnega parametra v bloku kode, označenem na posnetku zaslona, ​​smo belo barvo zamenjali z rdečo. In tako, seveda, če urejate SVG s čim, potem Inkscape in podobni programi.

Kako odpreti SVG na spletu

Če potrebujete spletni urejevalnik SVG, uporabite spletne različice Boxy SVG, Vectr in Inkscape. Funkcionalni nabor takšnih edicij je skoraj enak kot pri namiznih različicah. Aplikacijo Inkscape je na primer mogoče zagnati v okviru projekta www.rollapp.com/app/inkscape.

Če iščete nekaj enostavnejšega, preizkusite spletni vektorski urejevalnik Sketchpad, ki je na voljo na sketch.io/sketchpad. Sketchpad ima orodja, kot so čopiči, črte, puščice, primitivi, izrezki, pisalo, barvica, zračni čopič, polnilo itd. Obstaja delo s plastmi, paletami in prelivi.

Toda storitev ni primerna za ustvarjanje slik SVG iz nič, čeprav podpira funkcijo risanja v prosti obliki. Urejevalnik je namenjen uporabnikom začetnikom, tako da ga boste zlahka razumeli.

Pretvorniki SVG v PNG

Datoteko SVG si lahko ogledate kot običajno sliko, tako da jo preprosto povlečete v okno brskalnika, vendar se zgodi tudi, da je treba dokument SVG pretvoriti v bolj dostopno in znano grafično obliko, na primer PNG. če konvertibilne datoteke veliko, je smiselno uporabiti brezplačno orodje SVG2PNG, ki vam omogoča pretvorbo SVG v PNG v paketni način. Če želite pretvoriti SVG v PNG, zaženite pripomoček, povlecite vektorske datoteke v njegovo okno, kliknite »Start« in dobite rezultat.

Če ste v računalnik namestili protivirusni program Lahko pregledati vse datoteke v vašem računalniku, pa tudi vsako datoteko posebej. Katero koli datoteko lahko pregledate tako, da z desno miškino tipko kliknete datoteko in izberete ustrezno možnost za pregled datoteke glede virusov.

Na tej sliki je na primer poudarjeno datoteka my-file.svg, potem morate z desno tipko miške klikniti to datoteko in v meniju Datoteka izbrati možnost "skeniraj z AVG". Ko izberete to možnost, se bo AVG Antivirus odprl in pregledal datoteko za viruse.

Včasih lahko zaradi tega pride do napake nepravilna namestitev programske opreme, kar je lahko posledica težave, do katere je prišlo med postopkom namestitve. To lahko moti vaš operacijski sistem povežite datoteko SVG s pravilno programsko aplikacijo, ki vpliva na t.i "povezave razširitev datotek".

Včasih preprosto ponovna namestitev No Cash GBA (No$GBA) lahko reši vašo težavo s pravilno povezavo SVG z No Cash GBA (No$GBA). V drugih primerih lahko pride do težav s povezavami datotek slabo programiranje programske opreme razvijalec in morda se boste morali obrniti na razvijalca za nadaljnjo pomoč.

Nasvet: Poskusite posodobiti No Cash GBA (No$GBA) na najnovejšo različico, da zagotovite najnovejše popravke in posodobitve.

To se morda zdi preveč očitno, a pogosto Težavo morda povzroča sama datoteka SVG. Če ste datoteko prejeli kot priponko E-naslov ali ste ga prenesli s spletne strani in je bil postopek prenosa prekinjen (na primer izpad elektrike ali drug razlog), datoteka se lahko poškoduje. Če je mogoče, poskusite pridobiti novo kopijo datoteke SVG in jo znova odpreti.

Previdno: Poškodovana datoteka lahko povzroči stransko škodo prejšnji ali obstoječi zlonamerna programska oprema v vašem računalniku, zato je zelo pomembno, da posodobljen protivirusni program vedno deluje na vašem računalniku.

Če je vaša datoteka SVG povezane s strojno opremo vašega računalnika da odprete datoteko, ki jo morda potrebujete posodobite gonilnike naprav povezane s to opremo.

Ta problem običajno povezana z vrstami medijskih datotek, ki so odvisne od uspešnega odpiranja strojne opreme v računalniku, npr. zvočno kartico ali video kartico. Na primer, če poskušate odpreti zvočno datoteko, vendar je ne morete odpreti, boste morda morali posodobite gonilnike zvočne kartice.

Nasvet:Če pri poskusu odpiranja datoteke SVG dobite Sporočilo o napaki datoteke .SYS, bi verjetno lahko bil problem povezane s poškodovanimi ali zastarelimi gonilniki naprav ki jih je treba posodobiti. Ta postopek lahko olajšate z uporabo programske opreme za posodobitev gonilnikov, kot je DriverDoc.

Če koraki ne rešijo težave in imate še vedno težave z odpiranjem datotek SVG, je to lahko posledica pomanjkanje razpoložljivih sistemskih virov. Nekatere različice datotek SVG lahko zahtevajo precejšnjo količino virov (npr. pomnilnik/RAM, računalniška moč), da se pravilno odpre v vašem računalniku. Ta težava se pogosto pojavi, če uporabljate precej star računalnik. Strojna oprema in hkrati precej novejši operacijski sistem.

Ta težava se lahko pojavi, ko ima računalnik težave pri dokončanju naloge, ker operacijski sistem(in druge storitve, ki se izvajajo ozadje) lahko porabijo preveč sredstev za odpiranje datoteke SVG. Poskusite zapreti vse aplikacije v računalniku, preden odprete datoteko shranjene igre. Če sprostite vse razpoložljive vire v vašem računalniku, boste v najboljšem možnem položaju za poskus odpiranja datoteke SVG.

Če ti opravili vse zgoraj opisane korake in se vaša datoteka SVG še vedno ne odpre, boste morda morali zagnati posodobitev opreme. V večini primerov, tudi pri uporabi starejših različic strojne opreme, lahko procesorska moč še vedno več kot zadostuje za večino uporabniških aplikacij (razen če opravljate veliko CPE-intenzivnega dela, kot je 3D upodabljanje, finančno/znanstveno modeliranje ali intenzivno multimedijsko delo). torej vaš računalnik verjetno nima dovolj pomnilnika(bolj pogosto imenovan "RAM" oz Oven), da izvedete nalogo odpiranja datoteke.

Od avtorja: Slike SVG niso tako pogoste kot naši priljubljeni rastrski formati PNG in JPG, vendar prednosti vektorske grafike privabljajo vse več oblikovalcev. Oblikovalci vse pogosteje uporabljajo vektorsko grafiko v svojih projektih. Prej smo morali prenašati namizne aplikacije, kot sta Adobe Illustrator in Inkscape, leta 2017 pa lahko oblikujemo vektorsko grafiko, ne da bi zapustili brskalnik. Če ste iskali brezplačen urejevalnik SVG, lahko začnete s temi šestimi brezplačnimi orodji.

Vectr

Vectr – dobra izbira za začetnike in napredne uporabnike SVG. Vmesnik je urejen in ni natrpan s preveč orodji, ki jih ne boste uporabljali. Urejevalnik je zelo primeren za začetnike v vektorski ilustraciji. Uporabnik se ne sme izgubiti med orodji, ki se ne uporabljajo za določen namen. Komplet vsebuje več lekcij. Tudi če ste novi v SVG, se lahko hitro naučite.

Vendar vse našteto ne pomeni, da ima Vectr slabo funkcionalnost. Ima ves osnovni nabor za ustvarjanje navadne slike: oblike, besedilo, plasti, sence, okvirje, ozadja itd. Ne more se primerjati s popolnim namiznim urejevalnikom, a za hitro oblikovanje in urejanje je več kot dovolj. Ustvarite lahko sliko iz nič ali naložite obstoječo.

Pri nalaganju kompleksnih ilustracij v Vectr (zemljevidi ali podrobni diagrami) lahko pride do napak. Urejevalnik ne obravnava vedno dobro kompleksne grafike. Za enostavnejše SVG (ikone, logotipe itd.) bo ta urejevalnik zadostoval.

JavaScript. Hiter začetek

Če v spletne različice Funkcij, ki jih potrebujete, ni, lahko prenesete namizno različico aplikacije. Urejevalnik je na voljo za Windows, Mac, Linux in Chromebook.

Morda je najbolj kul funkcija v Vectru ta, da lahko povežete in vdelate slike neposredno s spletnega mesta Vectr, zaradi česar je učinkovit gostitelj SVG. Številne storitve blokirajo prenos datotek SVG, zato je to resen plus. Slike SVG iz Vectra lahko prikažete na oddaljenih mestih, kot so WP, Medium, Tumblr itd., ki blokirajo neposredno nalaganje SVG, vendar omogočajo prikaz na daljavo.

Vectr vam omogoča skupno rabo vektorske grafike v urejevalniku, tako da lahko drugi uporabniki spreminjajo grafiko, ki jo ustvarite. To pomeni, da lahko na primer naredite predlogo logotipa SVG, ki jo lahko uporabniki prilagodijo svojim željam. Vse to v brskalniku.

V ta namen je Vectr pred kratkim izdal različico urejevalnika v obliki vtičnik za WP.

RollApp

Za razliko od drugih orodij na seznamu, ko greste na domača stran RollApp, urejevalnik se ne odpre pred vami. RollApp je nabor aplikacij, urejevalnik SVG pa je le ena od aplikacij. Odlično orodje, to je različica brskalnika Inkscape.

Za uporabo RollApp potrebujete račun. Lahko registrirate novega ali se prijavite z z uporabo Googla, Facebook, Amazon. Zelo priročno, sovražim ustvarjanje na tisoče novih računov samo zato, da vidim aplikacijo.

Inkscape v najboljšem pogledu! Brez dvoma je RollApp aplikacija z največ funkcijami na seznamu. V brskalniku dobesedno uporabljate Inkscape! Nisem primerjal vseh podrobnosti, vendar se zdi, da ima ta aplikacija VSE funkcije Incscapea, kot so plasti, predmeti, besedilo, poti, filtri, učinki, razširitve itd.

Velike datoteke se ne obdelujejo tako hitro, ker se dejanja izvajajo na aplikacijskih strežnikih in prek interneta. Na kratko – če morate urejati velike in zapletene datoteke, RollApp ne bo idealna možnost, vendar je za druga opravila, ki niso vključena v osnovni nabor, ta urejevalnik primernejši od drugih.

BoxySVG

Če že dolgo berete SitePoint, bi morali biti seznanjeni z urejevalnikom BoxySVG, saj smo v zadnjih 12 mesecih že govorili o njem. Ne bom delal podrobnega pregleda, ker je bilo to že narejeno v Ta članek.

JavaScript. Hiter začetek

Naučite se osnov JavaScripta s praktičnim primerom, kako ustvariti spletno aplikacijo.

Pomembno je, da je BoxySVG od Alexovega pregleda dodal inšpektorja kode, zaradi česar je eno najpomembnejših orodij SVG za spletne razvijalce.

Janvas

Pred nekaj leti Janvas je bil zelo priljubljen urejevalnik SVG. na žalost, Zadnje čase Ta urejevalnik ni v razvoju, a kljub temu še vedno deluje. Splet gre naprej, Janvas pa stagnira, zato je zanimanje zanj splahnelo. Alex iz SitePointa je nekaj delal s tem orodjem v letih 2013–14 (vključno s plačljivo različico) in je nekaj časa celo odgovarjal na vprašanja na strani Google+. Janvas je bil precej močno orodje.

Glavna težava Janvasa je, da je nekoliko zastarel. Brskalniki se razvijajo in aplikacije, ki ne sledijo brskalnikom, postajajo vsak dan manj stabilne. Janvas ima veliko funkcij: oblike, besedilo, orodja za risanje, poti, maske in plasti. Vendar uporabniki na forumih pravijo, da mnoge od teh funkcij ne prinašajo želenih rezultatov.

Obstaja dobra novica - izdana bo nova različica v obliki aplikacije Chrome. Upamo, da bodo odpravili težave.

DrawSVG

Morda ste že izbrali brezplačen spletni urejevalnik SVG. Če ne, potem naprej. DrawSVG je popolnoma združljiv urejevalnik SVG s številnimi funkcijami. Zelo mi je všeč, da je zasnova te aplikacije resnično prilagojena spletu in ni videti kot prehod namizne aplikacije v brskalnik. Meni se nahaja na levi strani, s klikom se odpre drugostopenjski meni itd.

Z DrawSVG lahko rišete, spreminjate in upodabljate predmete. Narišete lahko preproste oblike, na voljo so Bezierjeve krivulje, ravno in ukrivljeno besedilo, številni slogi potez in polnil itd. SVG je mogoče izvoziti tudi v PNG.

SVG-urejanje

SVG-urejanje- dedek spletni uredniki vektorska grafika, se je pojavila sredi 2000-ih. Strežniške funkcije ni, vse deluje v brskalniku. Nemogoče je shraniti vaše delo brez dodajanja lastne funkcionalnosti.

Za urednika, katerega življenje se je začelo kot zelo omejen in nejasen program za vektorsko risanje, se je funkcionalnost SVG-edit nenehno izboljševala.

Z urejanjem SVG lahko rišete preproste oblike (črte, pravokotnike, kroge, poligone, prostoročne črte itd.), uporabljate poti, plasti, prelive, lahko si ogledate in urejate izvore SVG, izvažate v PNG, JPEG, BMP, WEBP, itd.

Zaključek

Poleg teh 6 urejevalnikov SVG obstajajo še drugi, vendar le redki ponujajo več funkcionalnosti kot zgoraj prikazanih pet.

Če se želite resno ukvarjati s SVG in ta orodja nimajo funkcionalnosti, ki jo potrebujete, lahko vedno prenesete namizni urejevalnik SVG, kot sta Illustrator ali Inkscape. Za enostavnost, hitrost in prilagodljivost pa vsi zgornji urejevalniki ponujajo uporaben nabor funkcij.

PS: Lahko tudi poskusiš Figma. Je bolj orodje za ustvarjanje uporabniškega vmesnika kot urejevalnik SVG. Vendar pa ima odličen nabor orodij in ustvarja dobro optimizirano kodo SVG.