Postoji mnogo formata slika, ali svi su podijeljeni u dvije velike klase - raster i vektor. Prvi se uglavnom koriste za različite složene i detaljne grafike, poput fotografije. U njima svaki piksel, najmanji element, može imati svoju boju, a datoteka, općenito, jednostavno pohranjuje boje za svaku točku na slici. Naravno, koriste se različite metode za komprimiranje veličine informacija, a od toga postoje mnogi rasterski formati - bmp, png, jpg i drugi. Obično jpg pokazuje najbolju učinkovitost, budući da proizvodi malu datoteku s prilično dobrim detaljima. Ali ima nedostatak - gubitak informacija prilikom sažimanja informacija. Stoga, ako smanjite veličinu datoteke, slika se pogoršava.

Rad sa SVG datotekama.

A kada takve fotografije povećate, pikseli postaju vidljivi. Vektorski formati rade na sasvim drugom principu. Koriste se crtama, segmentima i likovima koji su opisani matematičkim formulama. Svaki prostor koji je njima ograničen može se ispuniti bojom ili gradijentom. Rezultat je slika koja nije vezana uz određene dimenzije - može se lako komprimirati ili rastegnuti do enormnih veličina bez gubitka kvalitete. Jedan takav vektorski format je SVG. I postaje sve popularniji, posebno u okruženju za web razvoj.

Opći opis proširenja

Vrsta datoteke SVG je skraćenica za Scalable Vector Graphics, odnosno skalabilnu vektorsku grafiku. VML i PGML označni jezici koriste se 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 trenutno se aktivno razvija druga verzija. Odnosno, obećava i razvija se. Jedna od prednosti je mala veličina datoteke, u koju se mogu spremiti prilično složeni crteži. Stoga se sada sve više ikona, piktograma, logotipa i drugih elemenata web stranica koristi u ovom formatu, a ne u rasterskim. Zbog toga se stranica brže učitava. Jedinstvene značajke SVG formata uključuju interaktivnost i animaciju. Prvi omogućuje da slika reagira na radnje korisnika, na primjer, na klik mišem ili pomicanje nekih elemenata. Animacija vam omogućuje stvaranje prilično složenih scenarija. Sve zajedno vam omogućuje stvaranje vrlo lijepih i živih grafičkih elemenata 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. Izrađuju 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 iu uređivač teksta, na primjer, u Notepadu, jer je to tekstualni dokument, ali za to morate imati značajno znanje u označnim jezicima. SVG datoteku možete otvoriti u programu u kojem je stvorena ili u nekom drugom grafičkom uređivaču koji podržava ovaj format. Najpopularniji:

Naravno, ovi nazivi su popis programa za rad vektorska grafika nije iscrpljen. Ima ih puno, uključujući najpopularniji editor Adobe Photoshop koji može spremati slike kao vektore i ima dodatak za njihovo otvaranje. Ne zaboravite na najpopularniji uređivač vektorska grafika Corel Draw, koji se može nazvati najpopularnijim.

Što bi još moglo uzrokovati probleme s datotekom?

Obični koristeći Windows, i mnogim drugim operativnim sustavima, SVG datoteke se ne otvaraju. Da biste vidjeli njihov sadržaj, a kamoli uredili ih, morate instalirati bilo koji grafički uređivač koji podržava ovaj format.

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

Grafičke se informacije prenose puno sporije od tekstualnih, a vrijeme učitavanja slika izravno ovisi o veličini njihovih grafičkih datoteka, pa brzo učitavanje web stranica pretpostavlja malu veličinu grafičkih slika ugrađenih u njih. Potonje se postiže tako što optimalan izbor format grafička datoteka, kao i putem optimizacije čija je zadaća pronaći kompromis između brzine učitavanja stranice i kvalitete prikazanih slika na njoj. Međutim, mogućnosti optimizacije nisu neograničene, a slike visoke kvalitete obično imaju impresivan volumen, tako da se postiže Visoka kvaliteta slika prikazanih na webu u njihovoj maloj veličini i dalje ostaje ozbiljan problem.

Ali pitanje nije samo u veličini i kvaliteti; razvijanje dizajna za web stranicu pokazalo se kao stvar koja zahtijeva od dizajnera 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 stvaranje. Za statičnu grafiku koriste se GIF, JPG ili PNG formati koji se mogu izraditi u različitim grafičkim paketima. Za animirane objekte koriste se animacijski GIF i Flash formati, a takvi se objekti razvijaju u specijaliziranim softverskim aplikacijama (specifičnim za svaki od ovih tipova formata). Interaktivni elementi (rollovers, ImageMap linkovi itd.) također se u pravilu izrađuju u specijaliziranim aplikacijama i predstavljaju skup grafičkih slika čija se veza uspostavlja u datoteci s HTML kodom koji ih nadopunjuje.

Uspješno rješenje za ove probleme mogao bi biti prijelaz na grafički format SVG (Scalable Vector Graphics scalable vector graphics), koji se temelji na jeziku XML, zahvaljujući kojem se svaka SVG slika može prikazati kao skup naredbene linije(Sl. 1), a sama SVG datoteka može se otvoriti u bilo kojem uređivaču teksta, uključujući Notepad. Ovaj je usporedno nova tehnologija izvorno je razvio Adobe posebno za web, a danas je od velikog interesa za mobilne uređaje, omogućujuć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., standard SVG 1.1 usvojen je od strane W3C kao preporuka, a ovaj trenutak Specifikacija SVG 1.2 je u razvoju (http://www.w3.org/TR/SVG12/).

s pripadajućom slikom

SVG tehnologija omogućuje kombiniranje teksta, grafike, animacije i interaktivnih komponenti u jednom formatu i temelji se na tri vrste grafičkih slika: vektorski oblici, slike i tekst. Oblici se, kao što je uobičajeno u vektorskoj grafici, prikazuju ili pravocrtnim i krivocrtnim konturama, ili grafičkim primitivima (pravokutnici, elipse itd.), a crteži su uvezene rasterske slike. Osim toga, SVG format podržava razne vrste animiranih (koji podsjećaju na GIF i Flash animacije) i interaktivnih objekata, kao što su prijelazi miša, mape veza i drugi elementi navigacije. A budući da se ovaj standard temelji na XML jeziku, SVG datoteka, uz elemente namijenjene vizualnom prikazu, može sadržavati i razne metapodatke.

Za i protiv korištenja SVG formata

Korištenje SVG formata omogućuje 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:

• visoka kvaliteta 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 kvalitete (Sl. 2) u skladu s veličinom prikaza, što vam omogućuje dobivanje visokokvalitetna slika grafičke informacije o različite vrste uređaji (stolna računala, džepna računala itd.), a također omogućuje pažljivije ispitivanje pojedinih detalja, što je važno, na primjer, pri radu s tehničkim crtežima;
• mnogo manje veličine datoteke u usporedbi s formatima GIF, JPG, PNG i GIF animacije, a još više s formatom Flash. Na primjer, ako je datoteka testirana za članak GIF format, komprimirana u LZW modu kompresije, bila je 26 KB, veličina odgovarajuće SVG datoteke zauzimala je 1220 bajtova, a kada je komprimirana u SVGZ formatu iznosila je samo 685 bajtova.

Ali nije samo to. U usporedbi s tradicionalnim opcijama za grafički prikaz weba, korištenje SVG formata ima mnoge druge neporecive prednosti.

Dakle, za programere važne prednosti su:

• mogućnost kombiniranja statičnih, 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čenu upotrebu fonta;
• učinkovitija kontrola točnosti boja i veće mogućnosti korištenja gradijentnih ispuna u web slikama visoka rezolucija, sjene, filtri itd.;
• tekstualna priroda SVG formata i njegova podrška za kaskadne listove stilova, što uvelike pojednostavljuje proces ažuriranja web stranice i omogućuje, ako je potrebno, da se na njoj izvrše izmjene bez pribjegavanja posebni programi;
• integracija s bazama podataka izgrađenim na standardima XML (Extensible Markup Language) i CSS (Cascading Style Sheets), što vam omogućuje spremanje SVG slika u bazu podataka i stvaranje pomoću njih dinamičke web stranice različite za različite platforme, osobne postavke itd.;
• nema problema s indeksiranjem SVG datoteke indeksiraju sve tražilice (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 na taj način spremiti neke korisne informacije za sebe, kao i pretraživati ​​tekst na slici, što u nekim slučajevima može biti iznimno potrebno, npr. kada tražite željeni naziv na karti ili crtežu .

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

• Proizvođači internetskih preglednika slabo podržavaju SVG slike. Kao rezultat toga, za pregled SVG grafike iz preglednika, korisnici su prisiljeni dodatno instalirati dodatak treće strane koji pruža tu mogućnost, na primjer SVG Viewer iz Adobea. U teoriji to nije teško; odgovarajući dodaci se lako instaliraju, besplatni su, male su veličine i mogu se brzo preuzeti s Interneta. U praksi se sve pokazuje mnogo kompliciranijim, jer većina korisnika interneta nije svjesna postojanja ovih mogućnosti i stoga ne mogu vidjeti ovaj tip grafika bez dodatka jednostavno nije vidljiva. Međutim, situacija se postupno mijenja, au protekloj godini dva vodeća programera web preglednika uvela su podršku za SVG format. U proljeće je Opera Software izdala verziju 8 preglednika 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 format SVG 1.0 Basic. Drugi programer koji je uključio podršku za SVG bila je organizacija Mozilla.Mozilla SVG projektni modul, koji omogućuje gledanje SVG grafike specifikacije 1.1, uključen je u njegov preglednik Firefox 1.5. Osim toga, sredinom 2005. programeri preglednika Safari koji rade na računalima s operativnim sustavom Mac OS X počeli su aktivno raditi na uvođenju podrške za SVG 1.1;
• U usporedbi s drugim grafičkim formatima, SVG format još uvijek slabo podržavaju programeri grafičkog softvera, iako vodeći grafički paketi kao što su Adobe Illustrator, Corel DRAW itd. omogućuju izvoz grafike u SVG datoteke. Naravno, SVG datoteke mogu se izraditi u bilo kojem uređivaču teksta, ali to nije praktično u smislu brzine i cijene razvoja. Prikladno je urediti datoteku u uređivaču teksta ako je potrebno (što je, usput rečeno, moguće samo ako dobro poznajete XML tehnologiju), ali stvaranje 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 skalabilne vektorske grafike s mogućnošću uređivanja programskog koda koji odgovara slici u istom okruženju, ali takvih je proizvoda vrlo malo i nisu dobro poznato.

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ćoj razini, web programeri praktički ne razvijaju SVG grafiku, bez obzira koliko privlačne bile, a programeri softvera ne ugađaju web dizajnerima raznim aplikacijama usmjerenim posebno na SVG. Rezultat je začarani krug: “Ako nema sadržaja, onda ljudima ne treba implementacija SVG-a, a ako nema implementacije, onda nema sadržaja” upravo tako je situacija opisana u jednom od W3C konzorcija. sastanci.

Ali možete pogledati situaciju s druge strane: podrška SVG-a (iako još ne u potpunosti) od strane dva popularna internetska preglednika, kao i interes za tehnologiju poznatih programera, sugerira da je "led probijen" i da SVG ima stvarne šanse postati jedan od popularnih formata za prezentiranje web informacija. Ova šansa je sve veća zbog sve većeg interesa za SVG tehnologiju u odnosu na mobilne uređaje, gdje su zahtjevi za veličinom i kvalitetom slike puno veći. Opera Software, primjerice, planira najprije implementirati punu podršku za SVG format na stolnim računalima, a tek potom je prenijeti na mobilne platforme. Stoga je vrijeme da web dizajneri razmisle o korištenju SVG-a, inače riskiraju da budu zaostali u bliskoj budućnosti.

Dodaci za pregled SVG grafike

Kao što je već navedeno, za sada će većina korisnika morati koristiti jedan od odgovarajućih dodataka za prikaz SVG grafike u cijelosti u prozoru internetskog preglednika, 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 internetskih preglednika, te je samim time puno popularniji među korisnicima. Aplikacija Corel SVG Viewer uključena je u paket Corel Smart Graphics Studio, ali je također dostupna kao besplatna.

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), KDE KSVG (http://www.kde.org), itd. Potpuni popis aplikacija koje omogućuju pregled SVG slika dat je na: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG preglednik

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

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

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

Corel SVG preglednik

Programer: Corel Corp

Veličina distribucije: 4,9 MB

Način distribucije: freeware (modul se može preuzeti s: 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 preglednik: Microsoft Internet Explorer 5.5 i noviji, Netscape Navigator ili Communicator verzije 4.79, 7.02

Programi za izradu SVG grafike

Svi programi za izradu SVG grafike mogu se podijeliti u tri velike skupine. Prvi uključuje popularne dvodimenzionalne grafičke pakete koji su usmjereni na rad s vektorskom grafikom i istodobno vam omogućuju izvoz slika u SVG format. Najpopularniji od njih su Adobe Illustrator i CorelDRAW; osim toga, takav izvoz u jednoj ili drugoj mjeri podržava mnoge druge aplikacije: AutoCAD, Microsoft Visio, itd. Glavna prednost ove grupe aplikacija je da imaju napredne alate za izradu vektorskih slika i omogućuju postizanje jedinstvenih učinaka korištenjem prozirnosti, gradijentnih ispuna, raznih filtara itd. Ali ove aplikacije zahtijevaju ozbiljnu posebnu obuku i stoga su uglavnom namijenjene profesionalnim dizajnerima. Osim toga, uglavnom nisu usmjerene na SVG dizajn (iako vam omogućuju dobivanje grafike u formatu skalabilne vektorske grafike), dok pružaju praktičnu vizualnu izradu i prikaz slika, te aplikacije ne dopuštaju njihovu prilagodbu tekstu. razini, koja je relevantna za SVG-grafiku. Također je značajno da podrška za format Scalable Vector Graphics u njima nije u potpunosti implementirana, zbog čega se svi elementi vektorske slike ne mogu izvesti u SVG bez grešaka.

Drugu skupinu programskih proizvoda čine paketi namijenjeni isključivo za izradu SVG grafike. Imaju puno manje mogućnosti u smislu vizualnog razvoja vektorskih slika, iako uključuju sve potrebne alate. Ali oni pružaju praktične alate za uređivanje izvornog koda i omogućuju vam da paralelno radite sa SVG objektima, vizualno i na razini koda, a možete se jednostavno prebacivati ​​između ovih opcija za predstavljanje informacija. Sve aplikacije iz ove skupine vrlo su jednostavne i pristupačne te ne zahtijevaju puno vremena za učenje. Osim toga, imaju relativno male distribucije (u usporedbi s aplikacijama prve skupine), pa se bez problema mogu kupiti putem interneta. Međutim, vrlo je malo programa s takvim mogućnostima, au nastavku ćemo detaljno razmotriti samo četiri koja su od najvećeg interesa i namijenjena su različitim kategorijama korisnika. S puni popis Dostupne aplikacije za izradu SVG grafike mogu se pronaći na: http://wiki.svg.org/Design_Tools.

I konačno, treća skupina može uključivati ​​bilo koji uređivač teksta, uključujući i obični notepad. Kao što je gore navedeno, format skalabilne vektorske grafike temelji se na XML jeziku, koji vam omogućuje stvaranje i uređivanje SVG datoteka na razini teksta u uređivaču teksta ako je potrebno.

Grafičke aplikacije s punim značajkama koje vam omogućuju stvaranje SVG grafike

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) ima implementiran uvoz i izvoz SVG datoteka, i to na puno višoj razini u odnosu na slične grafičke aplikacije. Paket podržava sve postojeće SVG specifikacije, ISO 8859-1, UTF-8 i UTF-16 kodiranja, razne opcije izvoza teksta i omogućuje vam izvoz slika u regularnom SVG formatu i komprimiranom SVGZ.

U SVG grafici stvorenoj u svom okruženju možete koristiti gradijente, transparentnost, kao i cijeli niz posebno dizajniranih SVG efekata (Effect=>SVG Filters) u obliku raznih sjena, zamućenja itd. Slike s takvim efektima ostaju jasno kada se gleda u web pregledniku s bilo kojim povećanjem. Osim statične grafike, Illustrator također omogućuje stvaranje interaktivne grafike u SVG formatu, za tu svrhu je predviđena posebna paleta SVG Interactivity (može se otvoriti iz izbornika Window=>SVG Interactivity), u kojoj se rade akcije za interaktivne objekte. navedeni su. Vrijedno je napomenuti da rad na interaktivnim SVG elementima u Illustratoru zahtijeva poznavanje Java Scripta i razumijevanje osnovnih principa objektno orijentiranog programiranja. Osim toga, koristeći format skalabilne vektorske grafike u ovom programu, možete stvoriti 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 s web stranica internetske trgovine, na primjer na: http://allsoft.ru/Download.php?ver=17605)

Cijena: 290 USD (Allsoft.ru)

Rad pod kontrolom: Windows NT/2000/XP

Dobro poznata aplikacija za razvoj profesionalne vektorske grafike, CorelDRAW (Sl. 4), uključena u CorelDRAW Graphics Suite 12, omogućuje uvoz i izvoz u SVG i SVGZ formatima na osnovnoj razini, te se stoga može koristiti za stvaranje statičkih i interaktivnih SVG grafika.

u SVG datoteku u CorelDRAW-u

Aplikacija podržava neprepoznate podatke, atribute i metapodatke, a također pruža mogućnost pretpregled SVG datoteke u pregledniku 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. U Najnovija verzija Značajno poboljšana podrška za izvoz simbola, teksta, sjena, obrisa, slojeva, ugrađenih binarnih slika itd.

Mayura izvlačenje 4.3

Programer: Mayura softver

Veličina distribucije: 1,3 MB

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

Cijena: 39 dolara

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

Mayura Draw (Slika 5) vrlo jednostavan i jeftin program za stvaranje vektorske grafike dizajniran za općeg korisnika. Rezultirajuće vektorske slike po želji se mogu izvesti u SVG format, pa 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ćuje dobivanje vektorskih slika temeljenih na grafičkim primitivima, linearnim i krivolinijskim konturama i tekstu. Popis njegovih mogućnosti uključuje prikladna sredstva za poravnavanje, distribuciju i organiziranje objekata, upravljanje prozirnošću, korištenje vodilica i ravnala za precizno postavljanje objekata i razne transformacije.

Specijalizirani paketi za izradu 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 USD komercijalna licenca, 249 USD akademska licenca

Rad pod kontrolom: Windows 2000/XP

Profesionalni paket XStudio (Sl. 6) prikladan je alat za stvaranje raznolike SVG grafike za web i mobilne uređaje i pruža potpunu kontrolu nad SVG projektom u cjelini i nad vektorskim slikama, animacijama, skriptama itd. Aplikacija je praktičan, intuitivan i jednostavan za prilagodbu korisničko sučelje, pruža širok raspon alata, ima velika brzina rad, omogućuje vam stvaranje SVG grafike svih postojećih specifikacija i podržava sve stilove skalabilne vektorske grafike. Sve to, u kombinaciji s relativno niskom cijenom za profesionalni paket, omogućuje nam da ga smatramo najboljim profesionalnim rješenjem te vrste. XStudio dolazi s detaljnom dokumentacijom, potpomognutom nizom tutorijala i jednostavan je za učenje.

Riža. 6. Kombiniranje stvaranja vizualne slike s uređivanjem izvornog koda
u EvolGrafiX XStudio

Aplikacija ima sve potrebne mogućnosti za izradu i obradu vektorskih slika te je po tom pitanju vrlo slična paketu Adobe Illustrator. Istodobno, XStudio je izravno usmjeren na pripremu statične, interaktivne i animirane SVG grafike te je stoga, uz klasične alate za rad s vektorskim objektima, nadopunjen specifičnim SVG mogućnostima. Ugrađena alatna traka Document Object Model (DOM) pruža hijerarhijski prikaz SVG objekata, praktičan XML uređivač omogućuje ispravljanje izvornog koda na razini teksta, a uređivač skripti omogućuje vam da ga nadopunite Java skriptama. Rad s kodom organiziran je vrlo prikladno: fragmenti koda odabranog objekta automatski su označeni, moguće je pretraživati ​​tekst i postavljati knjižne oznake, itd. Sve promjene koda odmah se odražavaju u prozoru za vizualni pregled, a vizualne promjene se odražavaju u prozor urednika.

Inkscape

Developer: IOSN (Međunarodni Otvoreni izvor 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 urednik baziran na Open Source modelu, koji je višeplatformski i moćan je alat za razvoj grafike u skladu sa standardom Scalable Vector Graphics. sa svojima funkcionalnost rad s vektorskim slikama, kao i sučelje, Inkscape je vrlo 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 s 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čnu izradu vizualne grafike, pruža mogućnost izravne obrade XML koda u ugrađenom uređivaču teksta. Program je konfiguriran za spremanje slika u obične i komprimirane SVG datoteke, iako se po želji mogu pretvoriti u uobičajene vektorske i rasterske formate.

Paket Inkscape ima prikladno rusificirano sučelje, lako ga je naučiti i dolazi s dobrim sustavom pomoći, uključujući razne primjere korištenja, a osim toga, ovu aplikaciju besplatno sve to čini ga vrlo privlačnim širokom krugu korisnika. Glavni nedostaci programa su njegova mala brzina rada i povećani zahtjevi za resursima sustava.

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 CD verzija

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

Corel WebDraw (slika 8), poznatiji kao Jasc WebDraw, sveobuhvatno je rješenje za izradu visokokvalitetnih SVG grafika i animacija namijenjenih profesionalnim dizajnerima. A intuitivno sučelje programa čini ga privlačnim širokom krugu korisnika.

Aplikacija nudi opsežan skup standardnih grafičkih alata tipičnih za aplikaciju vektorske grafike s punim značajkama: osnovni oblici (elipsa, pravokutnik, zvijezda itd.), olovka, poligon, polilinija, tekst itd. Uz vektorske objekte, WebDraw vam omogućuje dopunjavanje SVG objekata 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 izradili. Da biste dobili učinkovitije slike, možete koristiti filtre, i vrlo jednostavne (zamućivanje i sjenčanje) i složene (teksturiranje i osvjetljenje). Mreže, vodilice i ravnala pomažu vam da precizno postavite objekte, a ugrađeni Document Object Model (DOM) alatna traka predstavlja SVG objekte u hijerarhijskom prikazu stabla za jednostavno upravljanje.

WebDraw je opremljen univerzalnom linijom scenarija za animaciju, Animation Timeline, koja je izgrađena na temelju SVG DOM (Document Object Model), koji vam omogućuje odabir i animaciju gotovo bilo kojeg atributa ili svojstva objekta svih vrsta u bilo kojem trenutku . Mehanizam povlačenja i ispuštanja omogućuje uređivanje početne i završne točke animacije, kao i trajanja svake faze animacije, izravno na vremenskoj traci. Budući da se ključna vremena animacije umeću svaki put kada postavite opcije animacije za atribut ili svojstvo objekta, mogu se premjestiti u druga područja ploče scenarija u svrhu automatske postavke raspodjela animacijskih efekata tijekom vremena.

Paket vam omogućuje rad sa SVG grafikom u dvije verzije: i sa skupom vizualno prikazanih grafičkih objekata i s 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 u osiguravanju ispravnog ponašanja kreirane grafike, a pronađene pogreške označene su bojom, što štedi dizajnera satima traženja kroz stotine redaka koda. Rezultat svih promjena u izvornom kodu odmah se prikazuje na ekranu. Ako želite, možete uvesti, urediti i optimizirati SVG datoteke stvorene 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 slici, http://www.kiyut.com/products/sketsa/sketsa.zip)

Cijena: 49 dolara

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

Aplikacija Sketsa (Sl. 9) jedan je od najpopularnijih SVG editora i omogućuje vam izradu profesionalne SVG grafike, uključujući optimizaciju u SVGZ formatu. Paket uspješno kombinira jednostavnost i lakoću korištenja sa širokim rasponom značajki i kompatibilan je sa sustavima Windows, Mac i Linux.

Sketsa podržava klasičan skup alata tipičnih za bilo koju vektorsku aplikaciju, omogućujući vam stvaranje i transformaciju bilo kojih vektorskih objekata temeljenih na konturama i grafičkim primitivima i tekstu, koji se, po želji, mogu lako nadopuniti rasterskim slikama. Možete kontrolirati prozirnost, koristiti gradijentne ispune i filtre. Sve je to uspješno nadopunjeno specijaliziranim SVG mogućnostima, zahvaljujući kojima se svaka slika može uređivati ​​ne samo vizualno, već i u tekstualni način rada. Za uređivanje SVG koda, paket nudi ugrađeni XML uređivač teksta. Radi lakšeg upravljanja objektima, ugrađena je alatna traka Document Object Model (DOM), koja je hijerarhijski skup objekata u obliku stabla u SVG dokumentu, koji vam omogućuje odabir bilo kojeg objekta dokumenta za uređivanje njegovih svojstava.

Najpopularniji grafički urednici omogućuje vam spremanje slika u nekoliko formata. Ako program radi s rasterskom grafikom, tada se nude rasterski formati za spremanje datoteka; ako s vektorskom grafikom, tada, u skladu s tim, vektorski formati. Međutim, postoje rasterski uređivači koji podržavaju izvoz crteža u vektorske i mješovite formate. Takav je, primjerice, Adobe Photoshop, koji može eksportirati crtež u SVG - danas prilično uobičajen format koji može pohraniti i rastersku i vektorsku grafiku.

Što je SVG format i gdje se koristi?

Konzorcij ga je razvio 2001 Svjetska mreža, SVG format baš i nije obični dokument. Temelji se na VML i PGML označnim jezicima, odnosno, u biti govorimo o tekstualnoj datoteci. U ovom slučaju urednici i preglednici tumače SVG kao sliku, koja može biti statična ili animirana. Budući da je najčešći među ostalim formatima dizajniranim za pohranjivanje vektorske grafike, SVG se trenutno aktivno koristi za pohranjivanje i distribuciju vektorskih i mješovitih slika na Internetu.

Kao i svi drugi 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 pomoću robota za pretraživanje, podršku za animaciju i prevalenciju. Prednosti formata su i dobra kompresibilnost, otvorenost i prilagodljivost.

S druge strane, SVG nasljeđuje svoje nedostatke sa svim pratećim. Format nije prikladan za stvaranje složenih objekata jer SVG datoteke brzo dobivaju na težini ako se sastoje od mnogo malih dijelova. Osim toga, programi trebaju pročitati cijeli dokument da bi prikazali sliku, što čini format teškim za korištenje u aplikacijama za mapiranje. Među nedostacima formata bilježimo relativno nisku kompatibilnost s više preglednika 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 za to morate imati određeno znanje. Mnogo je praktičnije i ispravnije koristiti uređivače vektorske grafike.

Adobe Illustrator

Najfunkcionalniji alat koji je savršen za ulogu SVG editora. Adobe Illustrator ima impresivan skup alata za rad s vektorskom i kombiniranom grafikom. Omogućuje vam stvaranje i uređivanje jednostavnih skica i složenih umjetničkih ilustracija. U radu sa SVG formatom uređivač dopušta korištenje slojeva i skriptnih jezika te korištenje specijalnih efekata.

Boxy SVG

Također možete otvoriti SVG slike pomoću aplikacije Boxy SVG, posebno stvorene za rad s ovim formatom. Ovaj uređivač je u mnogočemu inferioran u odnosu na Adobe Illustrator, ali u njemu ćete pronaći sve osnovni alati za stvaranje i uređivanje SVG slika. Aplikacija podržava rad s oblicima i objektima, uvoz fontova i slika popularnih formata, rad s bibliotekom Pixabay, pregled i uređivanje SVG i CSS izvornog koda. Boxy SVG dostupan je kao online servis 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 pod nazivom Vectr, koji se vrlo dobro nosi sa zadacima uređivanja koji su mu dodijeljeni. Aplikacija nudi funkcije kao što su mijenjanje pojedinačnih dijelova vektorske slike, rad sa slojevima, dodavanje teksta i primitiva, primjena efekata (na primjer, prozirnost, potez, vanjski i unutarnja 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 predstavljati. Ovaj je moćan i potpuno besplatni urednik može se koristiti za uređivanje i stvaranje vektorske grafike bilo koje složenosti, od SVG ikona do potpunih ilustracija. Inkscape može raditi sa stazama, tekstom, markerima, slojevima i kanalima, gradijentima i teksturama. Također 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, primjerice, parametra stila u bloku koda označenom na snimci zaslona, ​​zamijenili smo bijelu boju crvenom. I tako, naravno, ako bilo čime editujete SVG, onda Inkscape i slični programi.

Kako otvoriti SVG online

Ako vam je potreban mrežni SVG uređivač, koristite web verzije Boxy SVG, Vectr i Inkscape. Funkcionalni skup takvih izdanja gotovo je identičan onom za stolna računala. Aplikacija Inkscape, primjerice, može se pokrenuti u sklopu projekta www.rollapp.com/app/inkscape.

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

Ali usluga nije prikladna za stvaranje 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.

Konvertori SVG u PNG

SVG datoteku možete vidjeti kao običnu sliku jednostavnim povlačenjem u prozor preglednika, ali također se događa da SVG dokument treba pretvoriti u pristupačniji i poznatiji grafički format, recimo, PNG. Ako konvertibilne datoteke puno, ima smisla koristiti besplatni alat SVG2PNG, koji vam omogućuje pretvaranje SVG u PNG u skupni način rada. Da biste pretvorili SVG u PNG, pokrenite uslužni program, povucite vektorske datoteke u njegov prozor, kliknite "Start" i dobijte rezultat.

Ako ste instalirali na svoje računalo antivirusni program Limenka skenirati sve datoteke na vašem računalu, kao i svaku datoteku 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 moja-datoteka.svg, tada morate desnom tipkom miša kliknuti ovu datoteku i odabrati opciju u izborniku datoteka "skeniraj s AVG-om". Kada odaberete ovu opciju, AVG Antivirus će se otvoriti i skenirati datoteku na viruse.

Ponekad se zbog toga može pojaviti pogreška neispravna instalacija softvera, što može biti posljedica problema do kojeg je došlo tijekom postupka instalacije. To može ometati vaš operativni sustav povežite svoju SVG datoteku s ispravnom softverskom aplikacijom, utječući na tzv "asocijacije ekstenzija datoteka".

Ponekad jednostavno ponovna instalacija No Cash GBA (No$GBA) može riješiti vaš problem ispravnim povezivanjem SVG-a s No Cash GBA (No$GBA). U drugim slučajevima mogu nastati problemi s pridruživanjem datoteka loše programiranje softvera programera i možda ćete morati kontaktirati programera za dodatnu 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 se može činiti previše očiglednim, ali često Sama SVG datoteka može biti uzrok problema. Ako ste datoteku primili u privitku E-mail ili ste ga preuzeli s 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 ponovno otvoriti.

Pažljivo: Oštećena datoteka može uzrokovati kolateralnu štetu prethodnoj ili postojećoj malware na vašem računalu, stoga je vrlo važno da ažurirani antivirusni program stalno radi na vašem računalu.

Ako je vaša datoteka SVG koji se odnose na hardver na vašem računalu da otvorite datoteku koja vam može zatrebati ažuriranje upravljačkih programa uređaja povezan s ovom opremom.

Ovaj problem obično povezan s vrstama medijskih datoteka, koji ovise o uspješnom otvaranju hardvera unutar računala, npr. zvučna kartica ili video kartica. Na primjer, ako pokušavate otvoriti audio datoteku, ali je ne možete otvoriti, možda ćete morati ažurirati upravljačke programe zvučne kartice.

Savjet: Ako kada pokušate otvoriti SVG datoteku dobijete Poruka o pogrešci datoteke .SYS, problem bi vjerojatno mogao biti povezan s oštećenim ili zastarjelim upravljačkim programima uređaja koje je potrebno ažurirati. Ovaj se postupak može olakšati korištenjem softvera za ažuriranje upravljačkih programa 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 resursa sustava. Neke verzije SVG datoteka mogu zahtijevati značajnu količinu resursa (npr. memorija/RAM, računalna snaga) za ispravno otvaranje na vašem računalu. Ovaj se problem često pojavljuje ako koristite prilično staro računalo. Hardver a ujedno i puno noviji operativni sustav.

Ovaj se problem može pojaviti kada računalo ima poteškoća s dovršavanjem zadatka jer operacijski sustav(i druge usluge koje su uključene pozadina) limenka potrošiti previše resursa za otvaranje SVG datoteke. Pokušajte zatvoriti sve aplikacije na računalu prije otvaranja datoteke spremljene igre. Oslobađanjem svih dostupnih resursa na vašem računalu bit ćete u najboljoj mogućoj poziciji da pokušate otvoriti svoju SVG datoteku.

Ako ti dovršio sve gore opisane korake a vaša se SVG datoteka i dalje neće otvoriti, možda ćete je morati pokrenuti ažuriranje opreme. U većini slučajeva, čak i pri korištenju starijih verzija hardvera, procesorska snaga i dalje može biti više nego dovoljna za većinu korisničkih aplikacija (osim ako ne radite mnogo posla koji zahtijeva CPU, kao što je 3D renderiranje, financijsko/znanstveno modeliranje ili intenzivan rad na multimediji) . Tako, vjerojatno je da vaše računalo nema dovoljno memorije(češće se naziva "RAM" ili radna memorija) za izvođenje zadatka otvaranja datoteke.

Od autora: SVG slike nisu toliko 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 preuzimati desktop aplikacije kao što su Adobe Illustrator i Inkscape, ali 2017. možemo dizajnirati vektorsku grafiku bez napuštanja preglednika. 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. Sučelje je uredno i nije zatrpano previše alata koje nećete koristiti. Uređivač je prikladan za početnike u vektorskoj ilustraciji. Korisnik se ne smije 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.

No, sve navedeno ne znači da Vectr ima lošu funkcionalnost. Ima sav osnovni set za stvaranje obične slike: oblike, tekst, slojeve, sjene, okvire, pozadine itd. Ne može se usporediti s potpunim desktop editorom, ali za brzi dizajn i uređivanje više je nego dovoljan. Možete stvoriti sliku od nule ili učitati postojeću.

Mogu se pojaviti pogreške prilikom učitavanja složenih ilustracija u Vectr (karte ili detaljni dijagrami). Uređivač ne obrađuje uvijek dobro složenu grafiku. Međutim, za jednostavniji SVG (ikone, logotipi, itd.) ovaj editor će biti dovoljan.

JavaScript. Brzi početak

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

Možda je najbolja značajka u Vectru to što možete povezati i ugraditi slike izravno s Vectr stranice, što ga čini učinkovitim SVG hostom. Mnogi servisi blokiraju preuzimanje SVG datoteka, tako da je ovo ozbiljan plus. Možete prikazati SVG slike iz Vectra na udaljenim stranicama kao što su WP, Medium, Tumblr itd. koje blokiraju izravno učitavanje SVG-a, ali dopuštaju prikazivanje na daljinu.

Vectr vam omogućuje dijeljenje vektorske grafike u ploči za uređivanje kako bi drugi korisnici mogli mijenjati grafiku koju ste izradili. To jest, možete, na primjer, napraviti predložak SVG logotipa koji korisnici mogu prilagoditi svojim željama. Sve to u pregledniku.

U tu je svrhu Vectr nedavno izdao verziju uređivača u obliku dodatak za WP.

RollApp

Za razliku od drugih alata na popisu, kada odete na početna stranica RollApp, uređivač se ne otvara ispred vas. RollApp je skup aplikacija, a SVG editor samo je jedna od aplikacija. Odličan alat, ovo je verzija preglednika Inkscape.

Za korištenje RollApp-a potreban vam je račun. Možete registrirati novi ili se prijaviti sa koristeći Google, Facebook, Amazon. Vrlo zgodno, mrzim stvarati tisuće novih računa samo da bih vidio aplikaciju.

Inkscape u svom najboljem izdanju! RollApp je bez sumnje najbogatija aplikacija na popisu. Vi doslovno koristite Inkscape u svom pregledniku! Nisam usporedio svaki detalj, ali čini se da ova aplikacija ima SVE značajke Incscapea kao što su slojevi, objekti, tekst, staze, filtri, efekti, proširenja itd.

Velike datoteke se ne obrađuju tako brzo jer se akcije izvode na aplikacijskim poslužiteljima 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 skup, ovaj uređivač je prikladniji od ostalih.

BoxySVG

Ako već dugo čitate SitePoint, trebali biste biti upoznati s uređivačem BoxySVG, jer smo u proteklih 12 mjeseci već pričali o njemu. Neću raditi detaljan pregled, jer je to već učinjeno u ovaj članak.

JavaScript. Brzi početak

Naučite osnove JavaScripta uz praktični primjer izrade web aplikacije.

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

Janvas

Prije nekoliko godina Janvas bio je vrlo popularan SVG editor. Nažalost, U zadnje vrijeme Ovaj editor se ne razvija, ali unatoč tome i dalje radi. Mreža ide naprijed, ali Janvas stagnira, pa je i interes za njom splasnuo. Alex iz SitePointa malo je radio s ovim alatom 2013.-14. (uključujuć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 Janvasa je taj što je malo zastario. Preglednici se razvijaju, a aplikacije koje ne prate preglednike svakim danom postaju manje stabilne. Janvas ima mnogo značajki: 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 - bit će objavljena nova verzija u obliku Chrome aplikacije. Nadamo se da će riješiti probleme.

DrawSVG

Možda ste već odabrali besplatni online SVG uređivač. Ako ne, onda idite dalje. DrawSVG potpuno je kompatibilan SVG uređivač s mnogim značajkama. Stvarno mi se sviđa što je dizajn ove aplikacije stvarno prilagođen webu i ne izgleda kao priključak stolne aplikacije na preglednik. Izbornik se nalazi s lijeve strane; klikom se otvara izbornik druge razine itd.

S DrawSVG možete crtati, mijenjati i renderirati objekte. Možete crtati jednostavne oblike, postoje Bezierove krivulje, ravni i zakrivljeni tekst, mnogi stilovi poteza i ispuna, itd. SVG se također može izvesti u PNG.

SVG-uređivanje

SVG-uređivanje- djed mrežni urednici vektorska grafika, pojavila se sredinom 2000-ih. Ne postoji funkcionalnost poslužitelja, sve radi u pregledniku. 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 opskuran program za vektorsko crtanje, funkcionalnost SVG-edita neprestano se poboljšavala.

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

Zaključak

Uz ovih 6 SVG uređivača, postoje i drugi, ali malo njih nudi više funkcionalnosti od pet gore prikazanih.

Ako se želite ozbiljno baviti SVG-om, a ovi alati nemaju funkcionalnost koja vam je potrebna, uvijek možete preuzeti SVG uređivač za stolno računalo kao što je Illustrator ili Inkscape. Međutim, radi jednostavnosti, brzine i fleksibilnosti, svi gore navedeni uređivači nude koristan skup značajki.

PS: Možete i vi pokušati Figma. To je više alat za izradu korisničkog sučelja nego SVG uređivač. Međutim, ima izvrstan skup alata i generira dobro optimizirani SVG kod.