Postoji mnogo formata slika, ali su svi podijeljeni u dvije velike klase - rasterski i vektorski. Prvi se uglavnom koriste za razne složene i detaljne grafike, kao što je fotografija. U njima svaki piksel, najmanji element, može imati svoju boju, a datoteka, općenito, jednostavno pohranjuje boje za svaku tačku na slici. Naravno, za kompresiju veličine informacija koriste se različite metode, a od toga postoje mnogi rasterski formati - bmp, png, jpg i drugi. Obično jpg pokazuje najbolju efikasnost, jer proizvodi mali fajl sa prilično dobrim detaljima. Ali ima nedostatak - gubitak informacija prilikom komprimiranja informacija. Stoga, ako smanjite veličinu datoteke, slika se pogoršava.

Rad sa SVG fajlovima.

A kada uvećate takve fotografije, pikseli postaju vidljivi. Vektorski formati rade na potpuno drugačijem principu. Koriste linije, segmente i figure koje su opisane matematičkim formulama. Svaki prostor koji je njima ograničen može se ispuniti bojom ili gradijentom. Rezultat je slika koja nije vezana za određene dimenzije - može se lako komprimirati ili rastegnuti do ogromnih veličina bez gubitka kvalitete. Jedan takav vektorski format je SVG. I postaje sve popularniji, posebno u okruženju za razvoj weba.

Opšti opis proširenja

Tip SVG datoteke je skraćenica za Scalable Vector Graphics, odnosno skalabilnu vektorsku grafiku. VML i PGML markupni jezici se koriste za opisivanje slika. U suštini ovo je Tekstualni dokument, u kojem su za svaku figuru opisane koordinate vrhova i linija koje prolaze kroz njih, kao i boje različitih elemenata. Prva verzija ovog formata objavljena je 2001. godine, a druga verzija se trenutno aktivno razvija. Odnosno, obećava i razvija se. Jedna od prednosti je mala veličina datoteke u koju se mogu pohraniti prilično složeni crteži. Stoga se sada sve više ikona, piktograma, logotipa i drugih elemenata web stranice koristi u ovom formatu, a ne u rasterskim. Ovo čini web lokaciju brže učitavanje. Jedinstvene karakteristike SVG formata uključuju interaktivnost i animaciju. Prvi omogućava slici da reaguje na radnje korisnika, na primer, na klik mišem ili pomeranje nekih elemenata. Animacija vam omogućava da kreirate prilično složene scenarije. Sve zajedno vam omogućava da kreirate veoma lepe i živahne grafičke elemente za web stranice. Mogu se čak ugraditi u obične rasterske slike u png, jpg i drugim formatima.

.SVG ekstenzija datoteke

Na internetu možete pronaći mnogo takvih slika na foto dionicama, uključujući i besplatne. Kreiraju se u grafičkim uređivačima Adobe Photoshop, Illustrator, Corel Draw i neki drugi. Ali postavlja se pitanje - kako otvoriti SVG format. Uostalom, ugrađeni Windows alati ne pokazuju koje slike sadrže. Iako možete uređivati ​​SVG čak i u uređivač teksta, na primjer, u Notepad-u, jer je riječ o tekstualnom dokumentu, ali za to morate imati značajno znanje o jezicima za označavanje. SVG datoteku možete otvoriti ili u programu u kojem je kreirana ili u nekom drugom grafičkom uređivaču koji podržava ovaj format. Najpopularnije:

Naravno, ova imena su lista programa za rad vektorska grafika nije iscrpljen. Ima ih mnogo, uključujući najpopularniji editor, Adobe Photoshop, koji može da sprema slike kao vektore i ima dodatak za njihovo otvaranje. Ne zaboravite na najpopularniji editor vektorska grafika Corel Draw, koji se može nazvati najpopularnijim.

Šta bi još moglo uzrokovati probleme s fajlom?

Obicno koristeći Windows, i mnogim drugim operativnim sistemima, SVG datoteke se ne otvaraju. Da biste vidjeli njihov sadržaj, a još manje ih uređivali, morate instalirati bilo koji grafički uređivač koji podržava ovaj format.

Za dizajn bilo koje web stranice potrebna vam je i statična grafika i razni animirani i interaktivni elementi, koji, prvo, čine informacije predstavljene na njoj privlačnijima, a drugo, doprinose boljoj percepciji materijala.

Grafičke informacije se prenose mnogo sporije od tekstualnih, a vrijeme učitavanja slika direktno ovisi o veličini njihovih grafičkih datoteka, tako da brzo učitavanje web stranica pretpostavlja malu veličinu grafičkih slika koje su u njih ugrađene. Ovo poslednje se postiže pomoću optimalan izbor formatu grafički fajl, kao i kroz optimizaciju, čiji je zadatak pronaći kompromis između brzine učitavanja stranice i kvaliteta slika koje se na njoj prikazuju. Međutim, mogućnosti optimizacije nisu neograničene, a visokokvalitetne slike obično imaju impresivan volumen, tako da se postiže Visoka kvaliteta slika predstavljenih na webu u malim veličinama i dalje ostaje ozbiljan problem.

Ali pitanje nije samo u veličini i kvaliteti; razvoj dizajna za web stranicu se pokazuje kao stvar koja od dizajnera zahtijeva poznavanje širokog spektra različitih tehnologija i softverskih proizvoda, jer za različite vrste grafičke informacije morate koristiti različite formate datoteka i različite tehnologije za njihovo kreiranje. Za statičnu grafiku koriste se GIF, JPG ili PNG formati koji se mogu kreirati u različitim grafičkim paketima. Za animirane objekte koriste se animacijski GIF i Flash formati, a takvi objekti se razvijaju u specijalizovanim softverskim aplikacijama (specifičnim za svaku od ovih vrsta formata). Interaktivni elementi (rollovers, ImageMap linkovi, itd.) se također, po pravilu, kreiraju u specijalizovanim aplikacijama i predstavljaju skup grafičkih slika među kojima se veza uspostavlja u datoteci sa HTML kodom koji ih nadopunjuje.

Uspješno rješenje ovih problema mogao bi biti prelazak na SVG (Scalable Vector Graphics scalable vector graphics) grafički format, zasnovan na XML jeziku, zahvaljujući kojem se svaka SVG slika može predstaviti kao skup komandne linije(Sl. 1), a sam SVG fajl se može otvoriti u bilo kom uređivaču teksta, uključujući Notepad. Ovo je uporedno nova tehnologija je prvobitno razvijen od strane Adobe posebno za web, a danas je od velikog interesa za mobilne uređaje, pružajući stvaranje visokokvalitetne statične, animirane i interaktivne grafike. Stoga nije iznenađujuće da ga aktivno podržava konzorcij W3C (http://www.w3.org/Graphics/SVG) 2003. godine, SVG 1.1 standard je usvojio W3C kao preporuku, a ovog trenutka SVG 1.2 specifikacija je u razvoju (http://www.w3.org/TR/SVG12/).

sa odgovarajućom slikom

SVG tehnologija vam omogućava da kombinujete tekst, grafiku, animaciju i interaktivne komponente u jednom formatu i zasniva se na tri vrste grafičkih slika: vektorski oblici, slike i tekst. Oblici su, kao što je uobičajeno u vektorskoj grafici, predstavljeni ili pravolinijskim i krivolinijskim konturama, ili grafičkim primitivima (pravokutnici, elipse, itd.), a crteži su uvezene rasterske slike. Osim toga, SVG format podržava različite vrste animiranih (podsjeća na GIF i Flash animaciju) i interaktivnih objekata, kao što su preokreti, mape linkova i drugi elementi navigacije. A pošto je ovaj standard baziran na XML jeziku, SVG fajl, zajedno sa elementima namenjenim za vizuelni prikaz, može sadržati i razne metapodatke.

Prednosti i mane korištenja SVG formata

Korištenje SVG formata omogućava vam da razvijete manje, brže učitavajuće, visokokvalitetne, svestrane grafike za web i mobilne uređaje koje nijedan drugi grafički format ne može pružiti. Glavne prednosti SVG grafičkog formata uključuju sljedeće:

• visok kvalitet slika bez obzira na njihovu veličinu, što se objašnjava vektorskom prirodom SVG formata. Slike se mogu neograničeno smanjivati ​​ili povećavati bez gubitka kvaliteta (slika 2) u skladu sa veličinom ekrana, što vam omogućava da dobijete visokokvalitetna slika grafičke informacije o razne vrste uređaji (stolni, džepni računari, itd.), a također omogućava pažljivije ispitivanje pojedinačnih detalja što je važno, na primjer, pri radu sa tehničkim crtežima;
• mnogo manja veličina datoteke u poređenju sa GIF, JPG, PNG i animacijskim GIF formatima, a još više sa Flash formatom. Na primjer, ako je datoteka testirana za članak GIF format, komprimiran u načinu kompresije LZW, bio je 26 KB, veličina odgovarajuće SVG datoteke je bila 1220 bajtova, a kada je komprimirana u SVGZ formatu iznosila je samo 685 bajtova.

Ali nije samo to. U poređenju sa tradicionalnim opcijama za grafičko predstavljanje Weba, upotreba SVG formata ima mnoge druge neosporne prednosti.

Dakle, za programere važne prednosti su:

• mogućnost kombiniranja statičkih, animiranih i interaktivnih elemenata u jednom formatu, kao i kombinacija vektorskih i rasterskih objekata;
• poboljšano rukovanje tekstom, uključujući kerning, zakrivljeni tekst i neograničeno korištenje fontova;
• efikasnija kontrola tačnosti boja i veće mogućnosti za korištenje gradijent ispuna u web slikama visoka rezolucija, sjene, filteri, itd.;
• tekstualnu prirodu SVG formata i njegovu podršku za kaskadne tablice stilova, što uvelike pojednostavljuje proces ažuriranja web stranice i omogućava, ako je potrebno, izmjene na njemu bez pribjegavanja specijalni programi;
• integracija sa bazama podataka izgrađenim na XML (Extensible Markup Language) i CSS (Cascading Style Sheets) standardima, što vam omogućava da sačuvate SVG slike u bazi podataka i kreirate koristeći ih dinamičke web stranice različito za različite platforme, lične postavke itd.;
• nema problema sa indeksiranjem SVG datoteke indeksiraju bilo koji pretraživač (za razliku od, na primjer, SWF datoteka).

Korisnici će uživati ​​u visokokvalitetnom SVG sadržaju koji se brzo učitava. Osim toga, moguće je kopirati tekst koji se nalazi na SVG slici i tako sačuvati neke korisne informacije za sebe, kao i tražiti tekst na slici, što u nekim slučajevima može biti izuzetno potrebno, na primjer, kada tražite željeno ime na mapi ili crtežu.

Međutim, kao i obično, uz prednosti, SVG tehnologija ima i nedostatke, i to vrlo ozbiljne.

• Proizvođači internet pretraživača slabo podržavaju SVG slike. Kao rezultat toga, da bi pregledali SVG grafiku iz pretraživača, korisnici su primorani da dodatno instaliraju dodatak treće strane koji pruža ovu mogućnost, na primjer SVG Viewer od Adobe-a. U teoriji, to nije teško; odgovarajući dodaci se lako instaliraju, besplatni, male veličine i mogu se brzo preuzeti s interneta. U praksi se sve ispostavi da je mnogo komplikovanije, jer većina korisnika interneta nije svjesna postojanja ovih mogućnosti i stoga ne može vidjeti ovaj tip grafika bez dodatka jednostavno nije vidljiva. Međutim, situacija se postepeno mijenja, te su u proteklih godinu dana dva vodeća programera web pretraživača uvela podršku za SVG format. U proleće je Opera Software izdala verziju 8 pretraživača Opera, koja podržava SVG 1.0 Tiny; u verziji Opera 9.0 koja se pojavila nešto kasnije, implementirana je djelomična podrška za SVG 1.0 Basic format. Drugi programer koji je uključio SVG podršku je Mozilla Organization.Mozilla SVG projektni modul, koji omogućava pregled SVG grafike specifikacije 1.1, bio je uključen u Firefox 1.5 pretraživač. Pored toga, sredinom 2005. godine, programeri pretraživača Safari koji radi na računarima koji koriste Mac OS X počeli su aktivan rad na uvođenju podrške za SVG 1.1;
• U poređenju sa drugim grafičkim formatima, SVG format je još uvek slabo podržan od strane programera grafičkog softvera, iako vodeći grafički paketi kao što su Adobe Illustrator, Corel DRAW itd. omogućavaju izvoz grafike u SVG datoteke. Naravno, SVG fajlovi se mogu kreirati u bilo kom uređivaču teksta, ali to nije praktično u smislu brzine i cene razvoja. Zgodno je uređivati ​​datoteku u uređivaču teksta ako je potrebno (što je, inače, moguće samo ako imate duboko poznavanje XML tehnologije), ali kreiranje od nule nije mudro, jer će zahtijevati previše vremena i truda. Da bismo to učinili, potrebni su nam jednostavni i praktični alati za brzi vizualni razvoj grafike u formatu Scalable Vector Graphics sa mogućnošću uređivanja programskog koda koji odgovara slici u istom okruženju, ali takvih proizvoda je vrlo malo i oni nisu dobro poznat.

Kao rezultat toga, nastaje vrlo tužna situacija: mnogi korisnici još ne mogu vidjeti SVG grafiku zbog nedostatka podrške za nju u web preglednicima na odgovarajućem nivou, web programeri praktički ne razvijaju SVG grafiku, ma koliko atraktivna bila, a programeri softvera ne udovoljavaju web dizajnerima raznim aplikacijama fokusiranim posebno na SVG. Rezultat je začarani krug: „Ako nema sadržaja, onda ljudima nije potrebna SVG implementacija, a ako nema implementacije, onda nema sadržaja“ upravo je ovako opisana situacija u jednom od W3C konzorcijuma sastancima.

Ali možete pogledati situaciju s druge strane: podrška SVG-u (iako još nije u potpunosti) od strane dva popularna internet pretraživača, kao i interesovanje za tehnologiju poznatih programera, sugeriše da je „led probio“ i da SVG ima realnu šansu da postane jedan od popularnih formata za prezentaciju web informacija. Ova šansa se povećava zbog sve većeg interesa za SVG tehnologiju u odnosu na mobilne uređaje, gdje su zahtjevi za veličinom i kvalitetom slike mnogo veći. Opera Software, na primjer, planira prvo implementirati punu podršku za SVG format na desktop računarima i tek onda ga prenijeti na mobilne platforme. Stoga je vrijeme da web dizajneri razmisle o korištenju SVG-a, inače rizikuju da budu ostavljeni u bliskoj budućnosti.

Dodaci za gledanje SVG grafike

Kao što je već napomenuto, za sada će većina korisnika morati da koristi jedan od odgovarajućih dodataka za pregled SVG grafike u potpunosti u prozoru internet pretraživača, od kojih su najpoznatiji besplatni moduli Adobe SVG Viewer i Corel SVG Viewer. Prvi od njih, Adobe SVG Viewer, dolazi kao zasebna aplikacija, kompaktan je i praktičan, radi na različitim platformama, podržava veliki broj internet pretraživača i samim tim je mnogo popularniji među korisnicima. Aplikacija Corel SVG Viewer uključena je u paket Corel Smart Graphics Studio, ali je dostupna i kao besplatni softver.

Postoje i druge opcije za gledanje SVG grafike; možete, na primjer, koristiti odgovarajuće module iz Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/ batik) paketi, KDE KSVG (http://www.kde.org) itd. Kompletna lista aplikacija koje omogućavaju pregled SVG slika nalazi se na: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG Viewer

Programer: Adobe Systems, Inc.

Veličina distribucije: 2.25 MB

Način distribucije: besplatni softver (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Cijena: besplatno

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

Podrška za pretraživač: Internet Explorer 4.0 ili noviji, Netscape Navigator ili Communicator 4.5 do 4.78 (osim 6.x)

Corel SVG Viewer

Programer: Corel Corp

Veličina distribucije: 4.9 MB

Način distribucije: besplatni softver (modul se može preuzeti sa: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Cijena: besplatno

Rad pod kontrolom: Windows 98/NT/2000/Me/XP

Podrška za pretraživač: Microsoft Internet Explorer 5.5 i novije verzije, Netscape Navigator ili Communicator verzije 4.79, 7.02

Programi za kreiranje SVG grafike

Svi programi za kreiranje SVG grafike mogu se podijeliti u tri velike grupe. Prvi uključuje popularne dvodimenzionalne grafičke pakete koji su fokusirani na rad sa vektorskom grafikom i istovremeno vam omogućavaju izvoz slika u SVG format. Najpopularniji od njih su Adobe Illustrator i CorelDRAW; osim toga, takav izvoz u jednom ili drugom stepenu podržava mnoge druge aplikacije: AutoCAD, Microsoft Visio itd. Glavna prednost ove grupe aplikacija je što imaju napredne alate za kreiranje vektorskih slika i omogućavaju postizanje jedinstvenih efekata korištenjem transparentnosti, gradijenta ispuna, raznih filtera, itd. Ali ove aplikacije zahtijevaju ozbiljnu posebnu obuku i stoga su uglavnom dizajnirane za profesionalne dizajnere. Osim toga, oni uglavnom nisu fokusirani na SVG dizajn (iako vam omogućavaju da dobijete grafiku u formatu skalabilne vektorske grafike) dok pružaju praktično vizualno kreiranje i prikaz slika, ove aplikacije ne dozvoljavaju njihovo prilagođavanje u tekstu nivo, koji je relevantan za SVG-grafiku. Takođe je značajno da podrška za format skalabilne vektorske grafike nije u potpunosti implementirana u njima, zbog čega se svi elementi vektorske slike ne mogu izvesti u SVG bez grešaka.

Drugu grupu softverskih proizvoda čine paketi dizajnirani isključivo za kreiranje SVG grafike. Imaju mnogo manje mogućnosti u pogledu vizualnog razvoja vektorskih slika, iako uključuju sve potrebne alate. Ali oni pružaju zgodne alate za uređivanje izvornog koda i omogućavaju vam da radite sa SVG objektima paralelno, kako vizuelno tako i na nivou koda, i možete lako da prelazite između ovih opcija za predstavljanje informacija. Sve aplikacije iz ove grupe su vrlo jednostavne i pristupačne i ne zahtijevaju puno vremena za učenje. Osim toga, imaju relativno malu distribuciju (u odnosu na aplikacije prve grupe), tako da se bez problema mogu kupiti putem interneta. Međutim, vrlo je malo programa s takvim mogućnostima, a u nastavku ćemo detaljno razmotriti samo četiri koja su od najvećeg interesa i dizajnirana za različite kategorije korisnika. WITH puna lista Dostupne aplikacije za kreiranje SVG grafike mogu se naći na: http://wiki.svg.org/Design_Tools.

I na kraju, treća grupa može uključivati ​​bilo koji uređivač teksta, uključujući i običan notepad. Kao što je gore navedeno, format skalabilne vektorske grafike zasnovan je na XML jeziku, koji vam omogućava da kreirate i uređujete SVG datoteke na nivou teksta u uređivaču teksta ako je potrebno.

Potpuno opremljene grafičke aplikacije koje vam omogućavaju da kreirate SVG grafiku

Adobe Illustrator CS2

Programer: Adobe Systems, Inc.

Veličina distribucije: Macintosh verzija 428,9 MB, Windows verzija 398,6 MB

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

Cijena: 665 dolara

Rad pod kontrolom: Windows 2000 sa servisnim paketom 3 ili Windows XP, Mac OS X verzije 10.2.4 do 10.2.7, Java Runtime Environment 1.4.1

Počevši od verzije 9, Adobe Illustrator (slika 3) je implementirao uvoz i izvoz SVG fajlova, i to na mnogo višem nivou u poređenju sa sličnim grafičkim aplikacijama. Paket podržava sve postojeće SVG specifikacije, ISO 8859-1, UTF-8 i UTF-16 kodiranja, razne opcije izvoza teksta i omogućava vam da izvozite slike u regularnom SVG formatu i komprimovanom SVGZ.

U SVG grafici kreiranoj u njenom okruženju možete koristiti gradijente, transparentnost, kao i čitav niz posebno dizajniranih SVG efekata (Effect=>SVG filteri) u obliku raznih senki, zamućenja itd. Slike sa takvim efektima ostaju jasno kada se gleda u web pretraživaču sa bilo kojim uvećanjem. Pored statične grafike, Illustrator vam omogućava i kreiranje interaktivne grafike u SVG formatu; za tu svrhu je obezbeđena posebna paleta SVG interaktivnosti (može se otvoriti iz menija Window=>SVG Interaktivnost), u kojoj se izvršavaju radnje za interaktivne objekte su specificirani. Vrijedi napomenuti da rad na interaktivnim SVG elementima u Illustratoru zahtijeva poznavanje Java Script-a i razumijevanje osnovnih principa objektno orijentisanog programiranja. Osim toga, koristeći format skalabilne vektorske grafike u ovom programu, možete kreirati dinamičku grafiku vođenu podacima.

CorelDRAW Graphics Suite 12

Programer: Corel Corp.

Veličina distribucije tiva: 200 MB

Način distribucije: shareware (demo verzija se može preuzeti sa web stranica online trgovina, na primjer na: http://allsoft.ru/Download.php?ver=17605)

Cijena: 290 dolara (Allsoft.ru)

Rad pod kontrolom: Windows NT/2000/XP

Poznata aplikacija za razvoj profesionalne vektorske grafike, CorelDRAW (slika 4), uključena u CorelDRAW Graphics Suite 12, omogućava uvoz i izvoz u SVG i SVGZ formatima na osnovnom nivou, te se stoga može koristiti za kreiranje statičkih i interaktivnih SVG grafika.

u SVG datoteku u CorelDRAW

Aplikacija podržava neprepoznate podatke, atribute i metapodatke, a također pruža mogućnost pregled SVG datoteke u pretraživaču prije izvoza. Osim toga, Unicode kodiranje je moguće za UTF-8 i UTF-16 metode kodiranja i razne opcije za izvoz teksta i bitmap slika. IN najnoviju verziju Značajno poboljšana podrška za izvoz simbola, teksta, senki, obrisa, slojeva, ugrađenih binarnih slika, itd.

Mayura Draw 4.3

Programer: Mayura Software

Veličina distribucije: 1.3 MB

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

Cijena:$39

Rad pod kontrolom: Windows 95/98/Me/NT/2000/XP

Mayura Draw (slika 5) vrlo jednostavan i jeftin program za kreiranje vektorske grafike dizajniran za obične korisnike. Rezultirajuće vektorske slike mogu se po želji izvesti u SVG format, pa stoga Mayura Draw može biti moguće rješenje za razvoj statične SVG grafike. Program podržava sve glavne alate za vektorsku grafiku i omogućava vam da dobijete vektorske slike zasnovane na grafičkim primitivima, linearnim i krivolinijskim konturama i tekstu. Lista njegovih mogućnosti uključuje pogodna sredstva za poravnavanje, distribuciju i organiziranje objekata, upravljanje transparentnošću, korištenje vodiča i lenjira za precizno postavljanje objekata i razne transformacije.

Specijalizovani paketi za kreiranje SVG grafike

EvolGrafiX XStudio 6.1

Programer: EvolGrafiX

Veličina distribucije: 7.25 MB

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

Cijena:$449 komercijalna licenca, $249 akademska licenca

Rad pod kontrolom: Windows 2000/XP

Profesionalni paket XStudio (slika 6) je zgodan alat za kreiranje raznolike SVG grafike za Web i mobilne uređaje i pruža potpunu kontrolu kako nad SVG projektom u cjelini, tako i nad vektorskim slikama, animacijama, skriptama, itd. praktičan, intuitivan i lak za prilagođavanje korisnički interfejs, pruža širok spektar alata, ima velika brzina rad, omogućava vam da kreirate SVG grafiku svih postojećih specifikacija i podržava sve stilove skalabilne vektorske grafike. Sve ovo, u kombinaciji sa relativno niskom cijenom za profesionalni paket, omogućava nam da ga smatramo najboljim profesionalnim rješenjem te vrste. XStudio dolazi sa detaljnom dokumentacijom, podržanom nizom tutorijala i lako se uči.

Rice. 6. Kombinacija kreiranja vizuelne slike sa uređivanjem izvornog koda
u EvolGrafiX XStudio

Aplikacija ima sve potrebne mogućnosti za kreiranje i obradu vektorskih slika i u tom pogledu je vrlo slična Adobe Illustrator paketu. Istovremeno, XStudio je direktno fokusiran na pripremu statične, interaktivne i animirane SVG grafike i stoga je, uz klasične alate za rad sa vektorskim objektima, dopunjen specifičnim SVG mogućnostima. Ugrađena traka sa alatkama Document Object Model (DOM) pruža hijerarhijski prikaz SVG objekata, zgodan XML editor vam omogućava da ispravite izvorni kod na nivou teksta, a uređivač skripte vam omogućava da ga dopunite Java skriptama. Rad s kodom je organiziran vrlo povoljno: fragmenti koda odabranog objekta su automatski istaknuti, moguće je pretraživati ​​tekst i postavljati oznake itd. Svaka promjena koda se trenutno odražava u prozoru za vizualni pregled, a vizualne promjene se odražavaju u prozor urednika.

Inkscape

Developer: IOSN (Međunarodni Open Source Mreža Međunarodna mreža otvorenog koda)

Veličina distribucije: 8.7 MB

Cijena: besplatno

Rad pod kontrolom: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (slika 7) najviše obećava vektorski uređivač baziran na Open Source modelu, koji je multiplatformski i moćan je alat za razvoj grafike u skladu sa standardom Scalable Vector Graphics. sa svojim funkcionalnost rad sa vektorskim slikama, kao i interfejs, Inkscape je veoma sličan CorelDRAW-u. Podržava alfa kanale, rad sa slojevima, korištenje tekućeg teksta, spektakularne gradijentne ispune, veliki broj filtera i efekata, razne transformacije, zgodan rad sa konturama i objektima, grupiranje objekata i još mnogo toga. Možete uvesti podatke iz JPEG, PNG i TIFF datoteka i ugraditi ih u SVG slike.

ugrađeni Inkscape editor

Međutim, za razliku od CorelDRAW-a, Inkscape je pozicioniran kao aplikacija za SVG dizajnere, stoga, uz klasično kreiranje vizualne grafike, pruža mogućnost direktne obrade XML koda u ugrađenom uređivaču teksta. Program je konfiguriran za spremanje slika u regularne i komprimirane SVG datoteke, iako se po želji mogu konvertirati u uobičajene vektorske i rasterske formate.

Paket Inkscape ima zgodan rusifikovani interfejs, jednostavan je za učenje i dolazi sa dobrim sistemom pomoći, uključujući razne primere korišćenja, a pored toga, ovu aplikaciju besplatno sve to ga čini veoma privlačnim za širok spektar korisnika. Glavni nedostaci programa su mala brzina rada i povećani zahtjevi za sistemskim resursima.

Corel WebDraw

Programer: Corel Corp

Veličina distribucije: 15.6 MB

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

Cijena: 179 USD verzija za preuzimanje, 199 USD verzija za CD

Rad pod kontrolom: Windows 98/NT4/2000/Me/XP

Corel WebDraw (slika 8), poznatiji kao Jasc WebDraw, je sveobuhvatno rješenje za kreiranje visokokvalitetne SVG grafike i animacija namijenjeno profesionalnim dizajnerima. A intuitivno sučelje programa čini ga atraktivnim za širok spektar korisnika.

Aplikacija pruža opsežan skup standardnih grafičkih alata tipičnih za aplikaciju vektorske grafike s punim mogućnostima: osnovni oblici (elipsa, pravougaonik, zvijezda, itd.), olovka, poligon, polilinija, tekst, itd. Uz vektorske objekte, WebDraw vam omogućava da dopunite SVG objekte vanjskim rasterske slike. Osim uobičajenih ispuna i preklapanja gotovih stilova, možete koristiti složene gradijente, ispune, uključujući uzorke koje ste sami kreirali. Da biste dobili efektnije slike, možete koristiti filtere, i prilično jednostavne (zamućenje i sjenčanje) i složene (teksturiranje i osvjetljenje). Mreže, vodiči i lenjiri pomažu vam da precizno postavite objekte, a ugrađena traka sa alatkama Document Object Model (DOM) predstavlja SVG objekte u hijerarhijskom prikazu stabla radi lakšeg upravljanja.

WebDraw je opremljen univerzalnom animacijom storyboard linijom, Animation Timeline, koja je izgrađena na bazi SVG DOM-a (Document Object Model), koji vam omogućava da odaberete i animirate gotovo bilo koji atribut ili svojstvo objekta svih vrsta u bilo kojem trenutku . Mehanizam drag-and-drop omogućava vam da uređujete početnu i završnu tačku animacije, kao i trajanje svake faze animacije, direktno na vremenskoj liniji. Budući da se ključna vremena animacije ubacuju svaki put kada postavite opcije animacije za atribut ili svojstvo objekta, oni se mogu premjestiti u druga područja storyboarda u svrhu automatska podešavanja distribucija efekata animacije tokom vremena.

Paket vam omogućava rad sa SVG grafikom u dvije verzije: i sa skupom vizualno prikazanih grafičkih objekata i sa odgovarajućim izvornim kodom. Uređivanje izvornog koda u ugrađenom uređivaču teksta SVG datoteke pruža dodatnu fleksibilnost i kontrolu nad sadržajem datoteke. Automatska provjera promjene u izvornom kodu pomažu da se osigura ispravno ponašanje kreirane grafike, a pronađene greške su označene bojom, što dizajnera štedi od sati pretraživanja kroz stotine redova koda. Rezultat bilo koje promjene u izvornom kodu se odmah prikazuje na ekranu. Ako želite, možete uvoziti, uređivati ​​i optimizirati SVG datoteke kreirane u drugim aplikacijama u WebDraw.

Sketsa SVG Editor 3.2.3

Programer: KIYUT

Veličina distribucije: 5.99 MB

Metoda distribucije: shareware (demo koji dodaje oznaku na sliku, http://www.kiyut.com/products/sketsa/sketsa.zip)

Cijena:$49

Radite pod kontrolom: Windows 2000/XP, Java VM (JRE) 1.5 i noviji (http://www.java.com/getjava), UNIX i Linux

Aplikacija Sketsa (slika 9) jedan je od najpopularnijih SVG uređivača i omogućava vam da kreirate profesionalnu SVG grafiku, uključujući optimizaciju u SVGZ formatu. Paket uspešno kombinuje jednostavnost i lakoću korišćenja sa širokim spektrom funkcija i kompatibilan je sa Windows, Mac i Linux sistemima.

Sketsa podržava klasičan skup alata tipičnih za bilo koju vektorsku aplikaciju, omogućavajući vam da kreirate i transformišete sve vektorske objekte na osnovu kontura i grafičkih primitiva i teksta, koji se, po želji, može lako dopuniti rasterskim slikama. Možete kontrolirati prozirnost, koristiti gradijentne ispune i filtere. Sve je to uspješno dopunjeno specijaliziranim SVG mogućnostima, zahvaljujući kojima se bilo koja slika može uređivati ​​ne samo vizualno, već i u tekstualni mod. Za uređivanje SVG koda, paket sadrži ugrađeni XML uređivač teksta. Radi lakšeg upravljanja objektima, postoji ugrađena traka sa alatkama Document Object Model (DOM), koja je hijerarhijski skup objekata nalik stablu u SVG dokumentu, koji vam omogućava da odaberete bilo koji objekat dokumenta da biste uredili njegova svojstva.

Najpopularniji grafički uređivači omogućava spremanje slika u nekoliko formata. Ako program radi s rasterskom grafikom, tada se nude rasterski formati za spremanje datoteka; ako s vektorskom grafikom, onda, prema tome, vektorski formati. Međutim, postoje rasterski uređivači koji podržavaju izvoz crteža u vektorske i mješovite formate. Takav je, na primjer, Adobe Photoshop, koji može izvesti crtež u SVG - prilično uobičajen format danas koji može pohraniti i rasterske i vektorske grafike.

Šta je SVG format i gdje se koristi?

Razvijen 2001. godine od strane Konzorcijuma World Wide Web, SVG format nije baš običan dokument. Zasnovan je na VML i PGML markup jezicima, odnosno, u suštini govorimo o tekstualnoj datoteci. U ovom slučaju, urednici i pretraživači tumače SVG kao sliku, koja može biti statična ili animirana. Kao najčešći među ostalim formatima dizajniranim za skladištenje vektorske grafike, SVG se trenutno aktivno koristi za skladištenje i distribuciju vektorskih i mešovitih slika na Internetu.

Kao i svi formati, SVG ima svoje prednosti i nedostatke. Prvi uključuju skalabilnost bez gubitka kvalitete, relativno malu težinu, mogućnost integracije PNG, GIF, JPG slika u SVG dokumente, uređivanje (ako imate odgovarajuće iskustvo) u uređivačima teksta, indeksiranje od strane robota za pretraživanje, podršku za animaciju i rasprostranjenost . Prednosti formata su i dobra kompresibilnost, otvorenost i prilagodljivost.

S druge strane, SVG nasljeđuje svoje nedostatke sa svim pratećim. Format nije dobro prikladan za kreiranje složenih objekata, jer SVG datoteke brzo dobijaju na težini ako se sastoje od mnogo malih dijelova. Osim toga, programi moraju pročitati cijeli dokument da bi prikazali sliku, što otežava korištenje formata u aplikacijama za mapiranje. Među nedostacima formata ističemo relativno nisku kompatibilnost među pretraživačima i nedostatak barem minimalne podrške za 3D grafiku.

Najbolji uređivači za rad sa SVG datotekama

Kao što je već spomenuto, možete uređivati ​​SVG datoteku u običnom uređivaču teksta, ali da biste to učinili morate imati specifično znanje. Mnogo je zgodnije i ispravnije koristiti vektorske grafičke uređivače.

Adobe Illustrator

Najfunkcionalniji alat koji je savršen za ulogu SVG editora. Adobe Illustrator ima impresivan skup alata za rad sa vektorskom i kombinovanom grafikom. Omogućuje vam kreiranje i uređivanje jednostavnih skica i složenih umjetničkih ilustracija. Kada radite sa SVG formatom, uređivač dozvoljava upotrebu slojeva i skriptnih jezika, kao i upotrebu specijalnih efekata.

Boxy SVG

Takođe možete otvoriti SVG slike koristeći Boxy SVG aplikaciju posebno kreiranu za rad sa ovim formatom. Ovaj uređivač je po mnogo čemu inferiorniji od Adobe Illustratora, ali ćete u njemu pronaći sve osnovni alati za kreiranje i uređivanje SVG slika. Aplikacija podržava rad sa oblicima i objektima, uvoz fontova i slika popularnih formata, rad sa Pixabay bibliotekom, pregled i uređivanje SVG i CSS izvornog koda. Boxy SVG je dostupan kao online usluga i kao aplikacija za Windows 10, MacOS i Chrome OS.

Vectr

Kako drugačije možete otvoriti SVG datoteku? Za rad s datotekama ove vrste postoji program koji se zove Vectr, koji se vrlo dobro nosi sa zadacima uređivanja koji su mu dodijeljeni. Aplikacija nudi funkcije kao što su promjena pojedinih dijelova vektorske slike, rad sa slojevima, dodavanje teksta i primitiva, primjena efekata (na primjer, transparentnost, potez, vanjski i unutrašnja sjena), korištenje gradijenata, olovke, linija i drugih alata. Uslužni program Vectr je besplatan, a postoje verzije za Windows, Linux i Chrome OS.

Inkscape

Za razliku od prethodna dva programa, Inkscape ne treba puno predstavljanja. Ovaj je moćan i potpuno besplatni urednik može se koristiti za uređivanje i kreiranje vektorske grafike bilo koje složenosti, od SVG ikona do punopravnih ilustracija. Inkscape može raditi sa putanjama, tekstom, markerima, slojevima i kanalima, gradijentima i teksturama. Takođe podržava vektorizaciju rasterske grafike, SVG upravljanje bojama i još mnogo toga.

Usput, možete promijeniti boju SVG-a uređivanjem izvornog koda datoteke, ali da biste to učinili morate imati barem osnovno razumijevanje CSS jezika i kodova boja. Uređivanjem, na primjer, parametra stila u bloku koda istaknutom na snimku zaslona, ​​zamijenili smo bijelu boju crvenom. I tako, naravno, ako uređujete SVG bilo čime, onda Inkscape i slični programi.

Kako otvoriti SVG na mreži

Ako vam je potreban SVG uređivač na mreži, koristite web verzije Boxy SVG, Vectr i Inkscape. Funkcionalni set ovakvih izdanja gotovo je identičan onom kod desktop verzija. Aplikacija Inkscape, na primjer, može se pokrenuti kao dio projekta www.rollapp.com/app/inkscape.

Ako tražite nešto jednostavnije, isprobajte online vektorski uređivač Sketchpad, dostupan na sketch.io/sketchpad. Sketchpad ima alate kao što su četke, linije, strelice, primitivi, clipart, olovka, bojica, airbrush, ispuna itd. Postoji rad sa slojevima, paletama i gradijentima.

Ali usluga nije prikladna za kreiranje SVG slika od nule, iako podržava funkciju crtanja slobodnog oblika. Uređivač je namijenjen korisnicima početnicima, tako da ga možete lako shvatiti.

SVG u PNG pretvarači

SVG datoteku možete gledati kao običnu sliku jednostavnim prevlačenjem u prozor pretraživača, ali se dešava i da SVG dokument treba konvertovati u pristupačniji i poznatiji grafički format, recimo PNG. Ako konvertibilne datoteke mnogo, ima smisla koristiti besplatni alat SVG2PNG, koji vam omogućava da konvertujete SVG u PNG batch mod. Da biste pretvorili SVG u PNG, pokrenite uslužni program, prevucite vektorske datoteke u njegov prozor, kliknite na "Start" i dobijte rezultat.

Ako ste instalirali na svom računaru antivirusni program Može skenirajte sve datoteke na vašem računaru, kao i svaki fajl pojedinačno. Možete skenirati bilo koju datoteku desnim klikom na datoteku i odabirom odgovarajuće opcije za skeniranje datoteke na viruse.

Na primjer, na ovoj slici je istaknuto datoteka my-file.svg, zatim treba da kliknete desnim tasterom miša na ovu datoteku i izaberete opciju u meniju datoteka "scan with AVG". Kada izaberete ovu opciju, AVG Antivirus će se otvoriti i skenirati datoteku na viruse.

Ponekad kao rezultat može doći do greške neispravna instalacija softvera, što može biti uzrokovano problemom koji se pojavio tokom procesa instalacije. Ovo može ometati vaš operativni sistem povežite svoju SVG datoteku sa odgovarajućom softverskom aplikacijom, utičući na tzv "asocijacije ekstenzija datoteka".

Ponekad jednostavno ponovna instalacija No Cash GBA (No$GBA) može rešiti vaš problem pravilnim povezivanjem SVG-a sa No Cash GBA (No$GBA). U drugim slučajevima, problemi s asocijacijama datoteka mogu biti rezultat loše programiranje softvera programera i možda ćete morati kontaktirati programera za dalju pomoć.

savjet: Pokušajte ažurirati No Cash GBA (No$GBA) na najnoviju verziju kako biste bili sigurni da imate najnovije zakrpe i ažuriranja.

Ovo može izgledati previše očigledno, ali često Sama SVG datoteka može uzrokovati problem. Ako ste datoteku primili putem priloga Email ili su ga preuzeli sa web stranice i proces preuzimanja je prekinut (na primjer, nestanak struje ili drugi razlog), datoteka se može oštetiti. Ako je moguće, pokušajte nabaviti novu kopiju SVG datoteke i pokušajte je ponovo otvoriti.

Pažljivo: Oštećena datoteka može uzrokovati kolateralnu štetu prethodnom ili postojećem malware na vašem računaru, tako da je veoma važno da na vašem računaru stalno radi ažurirani antivirusni program.

Ako je vaš fajl SVG vezano za hardver na vašem računaru da otvorite datoteku koja vam može zatrebati ažurirajte drajvere uređaja povezane sa ovom opremom.

Ovaj problem obično povezan sa tipovima medijskih datoteka, koji zavise od uspješnog otvaranja hardvera unutar računara, npr. zvučna ili video kartica. Na primjer, ako pokušavate otvoriti audio datoteku, ali ne možete je otvoriti, možda ćete morati ažurirajte drajvere zvučne kartice.

savjet: Ako kada pokušate da otvorite SVG fajl dobijete Poruka o grešci u .SYS fajlu, problem bi vjerovatno mogao biti povezano s oštećenim ili zastarjelim drajverima uređaja koje treba ažurirati. Ovaj proces se može olakšati korišćenjem softvera za ažuriranje drajvera kao što je DriverDoc.

Ako koraci ne riješe problem i još uvijek imate problema s otvaranjem SVG datoteka, to može biti zbog nedostatak raspoloživih sistemskih resursa. Neke verzije SVG datoteka mogu zahtijevati značajnu količinu resursa (npr. memorija/RAM, računarske snage) da se pravilno otvori na vašem računaru. Ovaj problem se javlja prilično često ako koristite prilično star računar. Hardver a istovremeno i mnogo noviji operativni sistem.

Ovaj problem može nastati kada računar ima poteškoća u dovršavanju zadatka jer operativni sistem(i ostale usluge koje se koriste pozadini) može troši previše resursa za otvaranje SVG datoteke. Pokušajte da zatvorite sve aplikacije na računaru pre nego što otvorite sačuvanu datoteku igre. Oslobađanjem svih raspoloživih resursa na vašem računaru bićete u najboljoj mogućoj poziciji da pokušate da otvorite svoju SVG datoteku.

Ako ti završili sve gore opisane korake a vaš SVG fajl se i dalje neće otvoriti, možda ćete morati da ga pokrenete ažuriranje opreme. U većini slučajeva, čak i kada se koriste starije verzije hardvera, procesorska snaga i dalje može biti više nego dovoljna za većinu korisničkih aplikacija (osim ako ne radite puno CPU-intenzivnog posla, kao što je 3D renderiranje, finansijsko/naučno modeliranje ili intenzivan multimedijalni rad). dakle, vjerovatno je da vaš računar nema dovoljno memorije(češće se naziva "RAM", ili RAM) da izvršite zadatak otvaranja datoteke.

Od autora: SVG slike nisu tako uobičajene kao naši omiljeni rasterski formati, PNG i JPG, ali prednosti vektorske grafike privlače sve više dizajnera. Dizajneri sve više koriste vektorsku grafiku u svojim projektima. Ranije smo morali da preuzimamo desktop aplikacije kao što su Adobe Illustrator i Inkscape, ali 2017. možemo dizajnirati vektorsku grafiku bez napuštanja pretraživača. Ako ste tražili besplatni SVG uređivač, možete početi s ovih šest besplatnih alata.

Vectr

Vectr – dobar izbor za početnike i napredne SVG korisnike. Interfejs je uredan i nije pretrpan previše alata koje nećete koristiti. Urednik je vrlo pogodan za početnike u vektorskoj ilustraciji. Korisnik se ne bi trebao izgubiti među alatima koji se ne koriste za koju svrhu. Komplet uključuje nekoliko lekcija. Čak i ako ste novi u SVG-u, možete brzo naučiti.

Međutim, sve navedeno ne znači da Vectr ima lošu funkcionalnost. Ima sav osnovni set za kreiranje obične slike: oblike, tekst, slojeve, sjene, okvire, pozadine, itd. Ne može se porediti sa punopravnim desktop uređivačem, ali za brze dizajne i uređivanja to je više nego dovoljno. Možete kreirati sliku od nule ili otpremiti postojeću.

Može doći do grešaka prilikom učitavanja složenih ilustracija u Vectr (karte ili detaljni dijagrami). Editor ne obrađuje uvijek dobro složenu grafiku. Međutim, za jednostavniji SVG (ikone, logotipi, itd.) ovaj uređivač će biti dovoljan.

JavaScript. Brzi početak

Ako u online verzije Nema funkcija koje su vam potrebne, možete preuzeti desktop verziju aplikacije. Editor je dostupan za Windows, Mac, Linux i Chromebook.

Možda je najbolja karakteristika u Vectru to što možete povezati i ugraditi slike direktno sa Vectr stranice, što ga čini efikasnim SVG hostom. Mnogi servisi blokiraju preuzimanje SVG datoteka, tako da je ovo ozbiljan plus. Možete prikazati SVG slike iz Vectr-a na udaljenim lokacijama kao što su WP, Medium, Tumblr, itd. koje blokiraju direktno učitavanje SVG-a, ali dozvoljavaju da se prikazuje na daljinu.

Vectr vam omogućava da dijelite vektorsku grafiku u panelu za uređivanje tako da drugi korisnici mogu mijenjati grafiku koju kreirate. To jest, možete, na primjer, napraviti predložak SVG logotipa koji korisnici mogu prilagoditi svojim željama. Sve ovo u pretraživaču.

U tu svrhu, Vectr je nedavno objavio verziju uređivača u formi dodatak za WP.

RollApp

Za razliku od drugih alata na listi, kada odete na početna stranica RollApp, uređivač se ne otvara pred vama. RollApp je skup aplikacija, a SVG editor je samo jedna od aplikacija. Odličan alat, ovo je verzija pretraživača Inkscape.

Za korištenje RollApp-a potreban vam je račun. Možete registrirati novu ili se prijaviti sa koristeći Google, Facebook, Amazon. Vrlo zgodno, mrzim stvaranje na hiljade novih naloga samo da vidim aplikaciju.

Inkscape u svom najboljem izdanju! Bez sumnje, RollApp je najbogatija aplikacija na listi. Vi doslovno koristite Inkscape u svom pretraživaču! Nisam uporedio svaki detalj, ali čini se da ova aplikacija ima SVE karakteristike Incscape-a kao što su slojevi, objekti, tekst, putanje, filteri, efekti, ekstenzije, itd.

Veliki fajlovi se ne obrađuju tako brzo, jer se radnje izvode na serverima aplikacija i preko Interneta. Ukratko - ako trebate uređivati ​​velike i složene datoteke, RollApp neće idealna opcija, ali za druge zadatke koji nisu uključeni u osnovni set, ovaj uređivač je prikladniji od ostalih.

BoxySVG

Ako čitate SitePoint duže vrijeme, trebali biste biti upoznati sa uređivačem BoxySVG, jer smo u proteklih 12 mjeseci već pričali o njemu. Neću raditi detaljan pregled, jer je to već urađeno Ovaj članak.

JavaScript. Brzi početak

Naučite osnove JavaScripta s praktičnim primjerom kako napraviti web aplikaciju.

Ono što je važno je da je od Alexovog pregleda BoxySVG dodao inspektor koda, što ga čini jednim od najrelevantnijih SVG alata za web programere.

Janvas

Prije par godina Janvas je bio veoma popularan SVG editor. nažalost, U poslednje vreme Ovaj uređivač se ne razvija, ali i dalje radi. Web ide naprijed, ali Janvas stagnira, pa je interesovanje za njega izblijedjelo. Alex iz SitePoint-a je malo radio s ovim alatom 2013-14 (uključujući i plaćenu verziju) i čak je neko vrijeme odgovarao na pitanja na Google+ stranici. Janvas je bio prilično moćan alat.

Glavni problem sa Janvasom je taj što je malo zastario. Pretraživači se razvijaju, a aplikacije koje ne prate pretraživače postaju sve manje stabilne svakim danom. Janvas ima mnogo funkcija: oblike, tekst, alate za crtanje, putanje, maske i slojeve. Međutim, korisnici na forumima kažu da mnoge od ovih funkcija ne donose željene rezultate.

Ima dobrih vijesti - nova verzija će biti objavljena u obliku Chrome aplikacije. Nadamo se da će riješiti probleme.

DrawSVG

Možda ste već odabrali besplatni online SVG editor. Ako ne, onda idite dalje. DrawSVG je potpuno kompatibilan SVG uređivač sa mnogim funkcijama. Zaista mi se sviđa što je dizajn ove aplikacije zaista skrojen za web i ne izgleda kao port desktop aplikacije u pretraživač. Meni se nalazi sa leve strane; klikom otvara se meni drugog nivoa itd.

Sa DrawSVG možete crtati, modifikovati i renderovati objekte. Možete crtati jednostavne oblike, postoje Bezierove krive, pravi i zakrivljeni tekst, mnogo stilova poteza i ispuna, itd. SVG se također može izvesti u PNG.

SVG-uređivanje

SVG-uređivanje- deda online urednici vektorska grafika, pojavila se sredinom 2000-ih. Ne postoji funkcionalnost servera, sve radi u pretraživaču. Nemoguće je sačuvati svoj rad bez dodavanja vlastite funkcionalnosti.

Međutim, za uređivača čiji je život započeo kao vrlo ograničen i opskurni program za vektorsko crtanje, funkcionalnost SVG-edita se stalno poboljšavala.

Koristeći SVG-edit možete crtati jednostavne oblike (linije, pravokutnike, krugove, poligone, linije slobodnom rukom, itd.), koristiti putanje, slojeve, gradijente, možete pregledavati i uređivati ​​SVG izvore, izvoziti u PNG, JPEG, BMP, WEBP, itd.

Zaključak

Pored ovih 6 SVG uređivača, postoje i drugi, ali nekoliko nudi više funkcionalnosti od pet prikazanih iznad.

Ako želite da se ozbiljno bavite SVG-om, a ovi alati nemaju potrebnu funkcionalnost, uvijek možete preuzeti desktop SVG editor kao što je Illustrator ili Inkscape. Međutim, zbog lakoće, brzine i fleksibilnosti, svi gore navedeni uređivači nude koristan skup funkcija.

PS: Možete i pokušati Figma. To je više alat za kreiranje korisničkog sučelja nego SVG editor. Međutim, ima odličan skup alata i generiše dobro optimizovan SVG kod.