Hogyan nyitható meg az svg fájl. Mi az SVG fájlkiterjesztés? Hogyan lehet alapértelmezés szerint megnyitni az SVG fájlokat

Az SVG (Scalable Vector Graphics) egy nagyon hatékony, méretezhető vektorgrafikai fájl, amelyet XML jelölőnyelven írtak. Nézzük meg, milyen szoftveres megoldások használhatók a kiterjesztésű objektumok tartalmának megtekintésére.

Tekintettel arra, hogy a Skálázható vektorgrafika grafikus formátum, természetes, hogy ezeknek az objektumoknak a megtekintését elsősorban a képnézegetők és a grafikus szerkesztők támogatják. De furcsa módon eddig a ritka képnézők csak az integrált funkcionalitásukra támaszkodva birkóznak meg az SVG megnyitásával. Ezenkívül a vizsgált formátumú objektumok megtekinthetők néhány böngészővel és számos más programmal.

1. módszer: Gimp

Először is nézzük meg, hogyan lehet megtekinteni a vizsgált formátum rajzait a Gimp ingyenes grafikus szerkesztőben.

2. módszer: Adobe Illustrator

A következő program, amely képes megjeleníteni és módosítani a megadott formátumú képeket, az Adobe Illustrator.

3. módszer: XnView

A vizsgált formátummal dolgozó képnézegetők vizsgálatát az XnView programmal kezdjük.

Van egy másik módszer az SVG megtekintésére az XnView alkalmazásban. A beépített böngésző segítségével hajtják végre.

4. módszer: IrfanView

A következő képmegjelenítő, amelynek példáján fontolóra vesszük a vizsgált képtípusok megtekintését, az IrfanView. Az SVG megjelenítéséhez a megnevezett programban a CAD Image DLL bővítményre is szükség van, de az XnView-val ellentétben azt eredetileg nem a megadott alkalmazás telepíti.

A programban található kép megtekinthető a fájl húzásával "Felfedező" az IrfanView héjba.

5. módszer: OpenOffice Draw

Az OpenOffice irodai csomag Draw alkalmazása az SVG-t is megtekintheti.

A képet úgy is megtekintheti, hogy a fájlt az OpenOffice indítóhéjába húzza.

A Draw héjon keresztül is elindíthatja.

6. módszer: LibreOffice Draw

Támogatja a Scalable Vector Graphics és az OpenOffice rivális LibreOffice megjelenítését, amely tartalmaz egy Draw nevű képszerkesztő alkalmazást is.

A megnyitás másik módja, hogy a fájlt a fájlkezelőből a LibreOffice indítóhéjába húzza.

A LibreOffice-ban az előző leírt szoftvercsomaghoz hasonlóan az SVG-t a Draw héjon keresztül is megtekintheti.

7. módszer: Opera

Az SVG számos böngészőben megtekinthető, amelyek közül az első Opera neve.

8. módszer: Google Chrome

A következő böngésző, amely képes az SVG megjelenítésére, a Google Chrome.

9. módszer: Vivaldi

A Vivaldi a következő webböngésző, amelyet példaként használhat az SVG-k megtekintésére.

10. módszer: Mozilla Firefox

Kitaláljuk, hogyan lehet megjeleníteni az SVG-t egy másik népszerű böngészőben - a Mozilla Firefoxban.

11. módszer: Maxthon

Meglehetősen szokatlan módon megtekintheti az SVG-t a Maxthon böngészőben. Az a tény, hogy ebben a webböngészőben a nyitó ablak aktiválása elvileg lehetetlen: sem grafikus vezérléssel, sem gyorsbillentyűk megnyomásával. Az SVG megtekintésének egyetlen módja az, hogy beírja az objektum címét a böngésző címsorába.

Természetesen ez a lehetőség a merevlemezen helyileg található vektorok megnyitására sokkal kényelmetlenebb és nehezebb, mint más böngészőknél.

12. módszer: Internet Explorer

Vizsgáljuk meg az SVG megtekintésének lehetőségeit, a Windows 8.1 operációs rendszerhez szánt standard böngésző példáján keresztül is - Internet Explorer.

Annak ellenére, hogy az SVG vektoros képformátum, a legtöbb modern képmegtekintő nem tudja megjeleníteni további bővítmények telepítése nélkül. Továbbá nem minden grafikus szerkesztő dolgozik ilyen típusú képekkel. De szinte minden modern böngésző képes megjeleníteni ezt a formátumot, mivel egykor létrehozták, elsősorban képek internetes közzétételére. Igaz, a böngészőkben csak megtekintés lehetséges, a megadott kiterjesztésű objektumok szerkesztése nem.

Meg kell értenie, hogy a képfájl egy szokásos szöveges adatkészlet XML formátumban, ami azt jelenti, hogy a képet bármilyen szövegszerkesztővel szerkesztheti. Nézd, nem nehéz tanulmányozni.

Hogyan lehet megnyitni az SVG rajzot?

Az SVG egy web-specifikus formátum a vektor primitívek leírására egy weboldalon. Természetesen az SVG nézők között a modern böngészők jelentik a zászlóshajót (az Opera, a Firefox, a Chrome, valamint az IE 9 legújabb verziói). A böngészők szinte az összes SVG elemet támogatják (beleértve az animációt és az ECMAScriptet is), az Opera pedig közel a 100% -os támogatáshoz.

Az SVG-támogatás szintjét bemutató táblázat a böngészők között 2010. júliusban:

Böngésző	Támogatási szint
Opera 10.53	95 %
Chrome 4	82 %
Safari 4.0.5	82 %
Firefox 3.6	62 %
Internet Explorer 9 előző verzió 3	52.55 %

Ezekből az adatokból az következik, hogy a legjobb az SVG megnyitása az Opera böngésző legújabb verziójával. Ennek a böngészőnek vannak verziói mind a Windows, mind a Linux számára, ezért senkinek nem lehet problémája.

Általánosságban elmondható, hogy a képek megtekintésére és szerkesztésére szolgáló programok szinte mindegyike támogatja az SVG-t, de a legtöbbjük nem képes reprodukálni az animációt, a parancsfájlokról nem is beszélve.

Hogyan lehet szerkeszteni az SVG rajzot?

Az SVG 1999 óta létezik, azonban a létrehozása után csak sok évvel ezelőtt kezdett aktívan fejlődni, köszönhetően a világ legnagyobb iT-vállalatainak. A formátum korántsem új, ezért minden önbecsülõ szoftver, amellyel együtt lehet dolgozni, egyszerűen köteles támogatni ezt a formátumot.

Táblázat vektorgrafikus szoftverek listájával, a listaelemek közül sok támogatja az SVG-t:

Név	A fejlesztő	Ár
AutoTrace	Martin Weber	ingyenes
Easy Trace	Easy Trace Group	1500 €, 750 € frissítés
Szabadkézi	Macromedia	399 USD, 99 USD frissítés
Illustrator	Adobe rendszerek	499 USD, 169 USD frissítés
MagicTracer	Elgorithms MagicTracer	$59
MST Viewer	MS Technology	Csak kereskedelmi használatra
PhotoLine	Computerinsel GmbH	59 €
Potrace	Peter Selinger	ingyenes
R2V Toolkit	AlgoLab	$99
Ras2Vec	Davide Libenzi	ingyenes
Image2XAML	Roman Kalachik	ingyenes
Raszter vektor	Raszter vektor	$99
RasterVect	RasterVect	$79
RaveGrid	RaveGrid	személyes használatra ingyenes (elérhető kereskedelmi változat)
Scan2CAD Pro	Softcover Intn "l	469 USD, 190 USD frissítés
Silhouette Pro	Ingyenes Soft S.A.	$359
Az Adobe egyszerűsítése	Adobe rendszerek	?
Vektor varázslat	Vektor varázslat	7,95 USD / hó, 295 USD / licenc, tokenek
Vextractor	VextraSoft	$99
VPHybridCAD	softelec	$1400
WinTopo Freeware	SoftSoft	ingyenes
WiseImage	Következetes szoftver	$1400
RasVector	Daniel Lu	GPL
Xara xtreme	Xara Group Ltd.	79 USD Windows verzió, A Linux verzió ingyenes
XTrace	Ronny Schütz	25 dollár Amigáért (demo elérhető)
VectorNow	AutoDWG	$120.00
DesignPresentation	DesignPresentation	Pay per Use

Az alábbiakban felsoroljuk a legnépszerűbb programokat az SVG létrehozásához és szerkesztéséhez.

Inkscape

Az Inkscape egy program vektorképek létrehozására és szerkesztésére, fő alkalmazási területe a technikai illusztrációk és diagramok készítése. C ++ és GTK + nyelven írva. Mentheti a létrehozott képeket SVG 1.1 formátumban. Az Inscape számos platformra (Windows, Linux, Mac OS) kiadott, az ingyenes szoftver kategóriába tartozik, és a GNU General Public License alatt terjesztik.

A program lehetővé teszi a tervező számára szükséges összes szűrő és eszköz használatát: geometriai primitívek (sokszögek, körök, vonalak, görbék, kockák stb.), Ecsetek, kitöltés, radír. A vizuális szerkesztő mellett van egy szövegszerkesztő is, amely lehetővé teszi az XML elemfa vizuális megtekintését és szerkesztését.

Az Inkscape évek óta aktívan fejlődik, a fejlesztők kapcsolatba lépnek és tapasztalatokat cserélnek a Gimp, Scribus munkatársaival.

Az Inkscape bármely operációs rendszerhez ingyenesen letölthető az inkscape.org hivatalos weboldalról.

Kép Magick

Az Image Magick konzol segédprogram grafikával való kezelésének szinte minden funkciója kiterjed az SVG-re is. Az Image Magick ingyenes, sok alkalmazás számára léteznek olyan könyvtárak, amelyek lehetővé teszik, hogy kapcsolatba lépjen ezzel a segédprogrammal a saját felületén keresztül. Például - Imagick a PHP-ben.

Fizetett szoftver az SVG-vel való együttműködéshez

Adobe Illustrator CS2

Az Adobe Systems, Inc. fejlesztette ki. Az Adobe Illustrator CS2 elég hatékony SVG szerkesztő eszközöket tartalmaz. A program nem ingyenes és egyáltalán nem olcsó, több mint 600 dollárba kerül, de ingyenes bemutató verziója 30 napra korlátozódik. Első pillantásra nincs különösebb előnye az SVG-vel való együttműködés terén az Inkscape-hez képest, kivéve, hogy a Photoshop rajongói kedvelni fogják a két program közötti hasonlóságot. Nyilvánvaló, hogy az Adobe hosszú időn keresztül létrehozta a leginkább felhasználóbarát felületet a tervezők számára.

CorelDRAW Graphics Suite

Az SVG fejlesztésével a Corel Corp. A CorelDRAW Graphics Suite támogatja a méretezhető vektorgrafikákat. A költség csaknem 300 dollár, de van egy demo verzió. Csak Windows esetén érhető el.

A Corel vásárlást is kínál Corel WebDraw (Jasc WebDraw), inkább a vektoros webgrafikára és a professzionális webdesignerekre összpontosít. A költség 180 dollár.

Sketsa SVG szerkesztő

A program teljesen Java nyelven íródott, Windows, Linux, Mac OS alatt működik. A többi vektorgrafikus programtól eltérően a Sketsa szigorúan SVG-orientált. Meglehetősen kellemes és felhasználóbarát felülettel rendelkezik. Ennek azonban majdnem 90 dollárba kerül.

Mayura Draw 4.3

Vannak egyszerűbb fizetett megoldások is. Például - Mayura Draw 39 dollárért, az elosztókészlet mérete csak 1,3 MB. A program az SVG grafikák szerkesztésére szolgáló összes fontos eszközt támogatja, könnyű és viszonylag gyors.

Online SVG szerkesztő

Időpont: 2010.05.27. 14:20:46

Kérjük, az anyag másolásakor tegyen egy aktív linket a cikkre.

Az svg formátum teljes neve Scalable Vector Graphics. Lényegében XML jelöléssel ellátott szöveges dokumentum, amelyet a Notepad ++ alkalmazással lehet megtekinteni. Eredetileg vektoros képformátumként fejlesztették ki a weboldalakon való használatra, de hamarosan áttért a "mindennapi életre". A statikus grafika mellett támogatott az animált. A kép több alakzatból áll, amelyek mozgathatóak, csoportosíthatók, maszkok, szűrők, effektek alkalmazhatók.

Hogyan nyitható meg az SVG kiterjesztésű fájl

1. Hatalmas, ingyenes képnézegető alkalmazás. Alapvető képszerkesztő készlettel rendelkezik - lehetővé teszi effektusok alkalmazását, a kontrasztok megváltoztatását, bizonyos színek telítettségét. Több mint 50 formátum támogatott, az alkalmazás világos és egyszerű felülettel rendelkezik.


2. - A CorelDraw ingyenes analógja. Egyszerű kezelőfelülettel és széles funkcionalitással rendelkezik. Lehetővé teszi vektoros és bittérképes képek megtekintését, szerkesztését és létrehozását. Nagyszerű tulajdonság a klónokkal végzett munka, amelynek köszönhetően különféle összetett mintákat hozhat létre.


3. Ingyenes böngésző, amely univerzális alkalmazás az internetezéshez, a webfejlesztéshez, a zenehallgatáshoz és a videók megtekintéséhez, és még sok máshoz. Egyszerű interfésszel rendelkezik, a széles funkcionalitás a bővítmények segítségével egyszerűen kibővíthető. Rendelkezik algoritmussal a feltöltött fájlok ellenőrzésére, rendelkezik a nem kívánt webhelyek listájával.


4. - ingyenes böngésző. Egyszerű és intuitív kezelőfelülettel rendelkezik, a legújabb verziókban kardinálisan átesett az interfészen. Mint minden modern böngésző, itt is van beépített fájlletöltő, képes videó és hang lejátszására, valamint képek megtekintésére.


5. - egy ingyenes böngésző, amely meglehetősen népszerű a FÁK-országok felhasználói körében. Egy bizonyos pontig a leggyorsabb böngészőnek számított. Lehetővé teszi videók és képek megtekintését, audio hallgatását, beépített víruskereső programot a letöltött fájlok ellenőrzéséhez, rendelkezik egy kényelmes testreszabható express panelrel, amelyen elhelyezheti a leggyakrabban látogatott webhelyeket.


6. Ingyenes bitkép-orientált fotószerkesztő, de a vektor is támogatott. Támogatja a rétegeket, maszkokat, overlay effektusokat, megváltoztatja bizonyos színek fényerejét és telítettségét. Az alkalmazás kezelőfelülete egyszerű és egyszerű, egy az egyben végezhet, mint az Adobe Photoshop alkalmazásban.

Nagyon sok formátum létezik a képek számára, de ezek mind két nagy osztályra vannak osztva - raszteres és vektoros. Az előbbieket elsősorban különféle összetett és részletes grafikákhoz használják, például fényképezéshez. Bennük minden pixel a legkisebb elem, saját színe lehet, és a fájlban általában a kép egyes pontjainak színei egyszerűen el vannak mentve. Természetesen különböző módszereket alkalmaznak az információk méretének tömörítésére, és ebből sok bitkép formátum származik - bmp, png, jpg és mások. Általában a jpg mutatja a legjobb hatékonyságot, mivel kis részletességű kis fájlt állít elő. De van egy hátránya - az információ elvesztése az információk tömörítésekor. Ezért, ha a fájlméret csökken, a kép romlik.

SVG fájlokkal való munka.

És még akkor is, ha ilyen fényképeket nagyítanak, láthatóvá válnak a képpontok. A vektoros formátumok teljesen más módon működnek. Matematikai képletekkel leírt vonalakat, szegmenseket, alakzatokat használnak. Bármely általuk korlátozott hely kitölthető színnel vagy színátmenettel. Az eredmény egy kép, amely nincs megkötve meghatározott méretekhez - a minőség romlása nélkül egyszerűen tömöríthető vagy hatalmas méretűre nyújtható. Ezen vektorformátumok egyike az SVG. És egyre népszerűbb, különösen a webfejlesztő környezetben.

A kiterjesztés általános leírása

Az SVG fájltípus a Scalable Vector Graphics rövidítése, amely méretezhető vektorgrafika. A VML és a PGML jelölőnyelveket használják a kép leírására. Valójában ez egy olyan szöveges dokumentum, amelyben az egyes alakzatokhoz leírják az azokon áthaladó csúcsok és vonalak koordinátáit, valamint a különböző elemek színeit. Ennek a formátumnak az első verziója 2001-ben jelent meg, mostanra pedig aktívan fejlesztik a második verziót. Vagyis ígéretes és fejlesztő. Az egyik előnye a kis fájlméret, amelybe meglehetősen összetett rajzok menthetők. Ezért most egyre több ikont, piktogramot, logót és a webhely egyéb elemeit használják ebben a formátumban, és nem raszteres formában. Ez felgyorsítja az oldal betöltését. Az SVG formátum egyedülálló képességei közé tartozik az interaktivitás és az animáció. Az első lehetővé teszi, hogy a kép reagáljon a felhasználói műveletekre, például egérkattintásra vagy egyes elemek mozgására. Az animáció meglehetősen összetett forgatókönyveket tesz lehetővé. Mindez együttesen lehetővé teszi, hogy nagyon szép és élénk grafikai elemeket hozzon létre a webhelyekhez. Akár png, jpg és más formátumú szokásos raszteres képekbe is beágyazhatók.

Hogyan nyitható meg az SVG fájl

Az interneten sok ilyen képet találhat a fotókészletekről, beleértve az ingyeneseket is. Az Adobe Photoshop, az Illustrator, a Corel Draw és néhány más grafikus szerkesztőkben jönnek létre. De felmerül a kérdés - hogyan lehet megnyitni az SVG formátumot. Végül is a beépített Windows eszközök nem mutatják, hogy mely képeket tartalmazzák. Bár az SVG-t még szövegszerkesztőben is szerkesztheti, például a Jegyzettömbben, mivel ez egy szöveges dokumentum, nagyon sok ismerettel kell rendelkeznie a jelölőnyelvekben. Megnyithat egy SVG fájlt vagy abban a programban, amelyben létrehozta, vagy más, ezt a formátumot támogató grafikus szerkesztőben. Legnepszerubb:

Természetesen a vektorgrafikával végzett programok listája nem korlátozódik ezekre a nevekre. Nagyon sok van belőlük, köztük a legnépszerűbb Adobe Photoshop szerkesztő, amely képes menteni a képeket vektorként, és rendelkezik egy pluginnel a megnyitásához. Ne feledkezzen meg a legnépszerűbb vektorgrafikus szerkesztőről, a Corel Draw-ról, amelyet a legnépszerűbbnek lehet nevezni.

Mi más okozhat problémákat a fájlban

Az SVG fájlokat a Windows és sok más operációs rendszer nem tudja megnyitni. A tartalom megtekintéséhez és még inkább a szerkesztéshez telepítenie kell minden olyan grafikus szerkesztőt, amely támogatja ezt a formátumot.

Bármely weboldal megtervezéséhez mind statikus grafika, mind pedig különféle animációk és interaktív elemek szükségesek, amelyek egyrészt vonzóbbá teszik a rajta bemutatott információkat, másrészt hozzájárulnak az anyag jobb megértéséhez.

a grafikus információkat sokkal lassabban továbbítják, mint a szöveges információkat, és a képek betöltési ideje egyenesen arányos a grafikus fájljaik méretével, ezért a weboldalak gyors betöltése kis méretű beágyazott grafikus képeket jelent. Ez utóbbi a grafikus fájlformátum optimális megválasztásával, valamint az optimalizálás révén valósul meg, amelynek feladata kompromisszumkeresés az oldal betöltési sebessége és a rajta bemutatott képek minősége között. Az optimalizálási lehetőségek azonban nem korlátlanok, és a kiváló minőségű képek általában lenyűgöző hangerővel rendelkeznek, ezért továbbra is komoly probléma a kiváló minőségű képek kis méretben történő elérése az interneten.

De a kérdés nem csak méretben és minőségben rejlik - egy weboldal kialakításának kidolgozása olyan kérdésnek bizonyul, amely megköveteli a tervezőtől, hogy ismerje a legkülönbözőbb technológiák és szoftvertermékek széles skáláját, mivel a különböző típusú grafikus információkhoz létrehozásához különféle fájlformátumokat és különféle technológiákat kell használnia. A statikus grafikákhoz GIF, JPG vagy PNG formátumokat használnak, amelyek sokféle grafikus csomagban hozhatók létre. Az animációs objektumokhoz az animációs GIF és Flash formátumokat használják, és ezeket az objektumokat speciális szoftveralkalmazásokban fejlesztik ki (az egyes megnevezett formátumtípusokra specifikusak). Az interaktív elemek (rolloverek, ImageMaps stb.) Általában szintén speciális alkalmazásokban jönnek létre, és grafikus képek halmazát jelentik, amelyek közötti kapcsolat HTML-kóddal kiegészített fájlban jön létre.

Ezeknek a problémáknak a sikeres megoldása lehet az SVML (Scalable Vector Graphics) grafikus formátumra való áttérés, az XML nyelv alapján, amelynek következtében bármely SVG képet parancssori halmaz képviselhet (1. ábra), és a Maga az SVG fájl bármely szövegszerkesztőben megnyitható, beleértve a jegyzettömböt is. Ezt a viszonylag új technológiát az Adobe eredetileg kifejezetten az internet számára fejlesztette ki, és ma már nagyon érdekes a mobil eszközök számára, kiváló minőségű statikus, animált és interaktív grafikák létrehozásával. Ezért nem meglepő, hogy a W3C konzorcium (http://www.w3.org/Graphics/SVG) aktívan támogatja - 2003-ban az SVG 1.1 szabványt a W3C ajánlásként fogadta el, és jelenleg a specifikáció az SVG 1.2 fejlesztés alatt áll (http://www.w3.org/TR/SVG12/).

a hozzá tartozó képpel

Az SVG technológia lehetővé teszi a szöveg, a grafika, az animáció és az interaktív komponensek egy formátumban történő egyesítését, és háromféle grafikus képen alapszik: vektoros alakzatok, képek és szöveg. A vektorgrafikában szokás szerint az alakzatokat egyenes és ívelt kontúrok vagy grafikus primitívek (téglalapok, ellipszisek stb.) Képviselik, a rajzokat importált bitképek jelentik. Ezenkívül az SVG formátum különféle típusú animációkat támogat (hasonlít a GIF-re és a flash-animációra), valamint olyan interaktív objektumokat, mint az áthúzás, linktérképek és egyéb navigációs elemek. Mivel ez a szabvány az XML nyelvre épül, az SVG fájl a vizuális megjelenítésre szánt elemekkel együtt különféle metaadatokat is tartalmazhat.

Az SVG formátum használatának előnyei és hátrányai

Az SVG formátum használatával kompaktabb, gyorsabb betöltésű, kiváló minőségű, sokoldalú grafikát dolgozhat ki az internethez és a mobileszközökhöz, amelyeket más grafikus formátum nem tud biztosítani. Az SVG grafikus formátum fő előnyei a következők:

• kiváló minőségű képek méretüktől függetlenül az SVG formátum vektor jellegéből adódóan. A képek korlátlanul kicsinyíthetők vagy nagyíthatók a minőség romlása nélkül (2. ábra), a kijelző méretének megfelelően, ami lehetővé teszi, hogy kiváló minőségű képet nyerjünk grafikus információkról különböző típusú eszközökön (asztali számítógépek, zsebszámítógépek stb.). .), és lehetővé teszi az egyes részletek alaposabb vizsgálatát is - ez fontos például a műszaki rajzokkal való munkavégzés során;
• sokkal kisebb fájlméretek a GIF, JPG, PNG és animációs GIF formátumhoz, és még inkább a Flash-hez képest. Például, ha egy LZW tömörítési módban tömörített cikkhez tesztelt GIF fájl 26 KB volt, akkor a megfelelő SVG fájl mérete 1220 bájt volt, SVGZ formátumban tömörítve pedig csak 685 bájt volt.

De nem csak ez. A web grafikus ábrázolásának hagyományos lehetőségeihez képest az SVG formátum használata számos más vitathatatlan előnnyel jár.

Tehát a fejlesztők számára fontos előnyök:

• a statikus, animációs és interaktív elemek, valamint a vektoros és raszteres objektumok kombinációjának egy fejlesztési formátumban történő kombinálásának lehetősége;
• továbbfejlesztett szöveges munka, ideértve a rendszermagot, az ívelt szöveget és a betűtípusok korlátlan használatát;
• a színpontosság hatékonyabb ellenőrzése és a legszélesebb lehetőségek a nagy felbontású gradiens kitöltések, árnyékok, szűrők stb.
• az SVG formátum szöveges jellege és a lépcsőzetes stíluslapok támogatása, ami jelentősen leegyszerűsíti a weboldal frissítésének folyamatát, és lehetővé teszi, hogy szükség esetén változtasson rajta anélkül, hogy speciális programokat kellene igénybe vennie;
• integráció az XML (Extensible Markup Language) és a CSS (Cascading Style Sheets) adatbázisokkal, amely lehetővé teszi az SVG képek mentését az adatbázisba és dinamikus weboldalak létrehozását azok felhasználásával - különböző platformokon, személyes beállításokon stb. stb .;
• nincsenek indexelési problémák - az SVG fájlokat bármely keresőmotor indexeli (ellentétben például az SWF fájlokkal).

A felhasználók értékelni fogják az SVG-tartalmak magas színvonalú és gyors betöltését. Ezenkívül lehetőség van az SVG képen található szöveg másolására, és ezáltal néhány hasznos információ elmentésére saját maga számára, valamint szöveg keresésére a képen, amely bizonyos esetekben rendkívül szükséges lehet, például amikor a kívánt név egy térképen vagy rajzon ...

Ennek ellenére, mint általában, az SVG technológia pluszai mellett vannak mínuszok is, és meglehetősen komolyak is.

• A webböngésző gyártói gyengén támogatják az SVG képeket. Ennek eredményeként az SVG grafikák böngészőből történő megtekintése érdekében a felhasználók kénytelenek további telepíteni egy harmadik fél plug-injét, amely biztosítja ezt a lehetőséget, például az Adobe SVG Viewerét. Elméletileg ez nem nehéz - a megfelelő beépülő modulok könnyen telepíthetők, ingyenesek, kis mennyiségűek és gyorsan letölthetők az interneten keresztül. A gyakorlatban minden sokkal bonyolultabbnak bizonyul, mivel az internetezők többsége nem tud ezekről a lehetőségekről, ezért nem tudja megtekinteni az ilyen típusú grafikákat - plug-in nélkül egyszerűen nem látható. A helyzet azonban fokozatosan változik, és az elmúlt évben két vezető webböngésző-fejlesztő támogatta az SVG formátumot. Tavasszal az Opera Software kiadta az Opera böngésző 8. verzióját, amely támogatja az SVG 1.0 Tiny programot; az Opera 9.0 későbbi verziójában az SVG 1.0 Basic formátum részleges támogatása valósul meg. A második fejlesztő, amely az SVG támogatást tartalmazza, a Mozilla Organization, amely a Mozilla SVG projekt modult tartalmazza Firefox 1.5 böngészőjében, amely lehetővé teszi az SVG grafikák megtekintését az 1.1 specifikációból. Ezenkívül 2005 közepén a Mac OS X rendszert futtató számítógépeken futó Safari böngésző fejlesztői aktív munkát kezdtek az SVG 1.1 támogatásának bevezetésén;
• más grafikus formátumokkal összehasonlítva az SVG formátumot továbbra sem támogatják a grafikus szoftverfejlesztők, bár az olyan vezető grafikai csomagok, mint az Adobe Illustrator, a Corel DRAW stb. Lehetővé teszik grafikák exportálását SVG fájlokba. Természetesen az SVG fájlok bármilyen szövegszerkesztőben létrehozhatók, de ez a sebesség és az alacsony fejlesztési költségek szempontjából nem praktikus. Kényelmes a fájl szerkesztése szövegszerkesztőben, ha szükséges (ez egyébként csak akkor lehetséges, ha mély ismeretekkel rendelkezik az XML technológiáról), de ésszerűtlen a semmiből létrehozni, mivel túlzott mértékű megkövetelésre van szükség idő és erőfeszítés befektetése. Ehhez egyszerű és kényelmes eszközökre van szükség a Scalable Vector Graphics formátumú grafika gyors vizuális fejlesztéséhez, amely képes ugyanabban a környezetben szerkeszteni a képnek megfelelő programkódot, de nagyon kevés ilyen termék van, és ezek nem jól ismert.

Ennek eredményeként nagyon szomorú helyzet áll elő - sok felhasználó még nem tudja megtekinteni az SVG grafikákat, mivel a webböngészők nem támogatják azt megfelelő szinten, a webfejlesztők gyakorlatilag nem fejlesztenek SVG grafikákat, bármennyire is vonzóak, és a szoftverfejlesztők nem kényeztetik a webdesignereket különféle SVG-specifikus alkalmazásokkal. Az eredmény egy ördögi kör: "Ha nincs tartalom, akkor az embereknek nincs szükségük az SVG megvalósítására, és ha nincs megvalósítás, akkor nincs tartalom" - így írták le a helyzetet az egyik találkozón a W3C konzorcium

De megnézheti a helyzetet a másik oldalról: az SVG támogatása (bár még nem teljes) két népszerű internetes böngésző által, valamint a kiemelkedő fejlesztők technológiája iránti érdeklődés jelzi, hogy megtört a jég, és hogy az SVG valódi esély arra, hogy a webinformációk bemutatásának egyik népszerű formátumává váljon. Ez az esély növekszik az SVG technológia iránti növekvő érdeklődés kapcsán is a mobil eszközökkel szemben, ahol a képek méretére és minőségére vonatkozó követelmények sokkal magasabbak. Az Opera Software például azt várja, hogy először teljes SVG támogatást valósít meg az asztali számítógépeken, és csak ezután helyezi át mobil platformokra. Ezért itt az ideje gondolkodni az SVG és a web-tervezők használatán - különben azt kockáztatják, hogy a közeljövőben a lemaradók közé kerülnek.

Bővítmények az SVG grafikák megtekintéséhez

Mint megjegyeztük, egyelőre a legtöbb felhasználónak az egyik elérhető plugint kell használnia az SVG grafikák teljes megtekintéséhez egy internetes böngészőablakban, amelyek közül a leghíresebbek az ingyenes Adobe SVG Viewer és a Corel SVG Viewer. Közülük az elsőt - az Adobe SVG Viewer - önálló alkalmazásként szállítják, kompakt és kényelmes, különböző platformokon működik, számos internetes böngészőt támogat, ezért sokkal népszerűbb a felhasználók körében. A Corel SVG Viewer a Corel Smart Graphics Studio részét képezi, de ingyenes szoftverként is elérhető.

Vannak más lehetőségek is az SVG grafikák megtekintésére - használhatja például az Amaya csomagok megfelelő moduljait (http://www.w3.org/Amaya/), az Apache Batik (http://xml.apache.org / batik), a KDE KSVG (http://www.kde.org) és mások. Az SVG képmegtekintő alkalmazások teljes listáját lásd a http://wiki.svg.org/Viewer_Implementations webhelyen.

Adobe SVG Viewer

Fejlesztő: Adobe Systems, Inc.

Forgalmazás mérete: 2,25 MB

Terjesztési módszer: ingyenes szoftver (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Ár: ingyenes

Munka ellenőrzés alatt: Windows 95/98 / Me / NT / 2000 / XP, Mac OS 8.6 / 9 / X, Linux, Solaris

Böngésző támogatás: Internet Explorer 4.0 és újabb, Netscape Navigator vagy Communicator 4.5–4.78 (a 6.x kivételével)

Corel SVG Viewer

Fejlesztő: Corel Corp

Forgalmazás mérete: 4,9 MB

Terjesztési módszer: ingyenes szoftver (a modul letölthető innen: http://www.corel.com/servlet/Satellite?pagename\u003dCorel/Downloads/Details&id\u003d1042152917172)

Ár: ingyenes

Munka ellenőrzés alatt:Windows 98 / NT / 2000 / Me / XP

Böngésző támogatás: Microsoft Internet Explorer 5.5 vagy újabb, Netscape Navigator vagy Communicator 4.79, 7.02 verzió

Programok SVG grafikák készítéséhez

Az SVG grafikák létrehozására szolgáló összes program három nagy csoportra osztható. Az első olyan népszerű kétdimenziós grafikai csomagokat tartalmaz, amelyek a vektorgrafikával való együttműködésre összpontosítanak, és ugyanakkor lehetővé teszik a képek SVG formátumba történő exportálását. A legnépszerűbb közülük az Adobe Illustrator és a CorelDRAW; ezenkívül az ilyen vagy olyan mértékű export sok más alkalmazást támogat: AutoCAD, Microsoft Visio stb. Az alkalmazáscsoport fő előnye, hogy fejlett eszközökkel rendelkeznek vektoros képek létrehozásához, és lehetővé teszik az egyedi hatások elérését a használat révén fólia, gradiens kitöltés, különféle szűrők stb. Ezek az alkalmazások azonban komoly speciális képzést igényelnek, ezért többnyire professzionális tervezők számára készültek. Ezenkívül nagyrészt nem az SVG tervezésére összpontosítanak (bár lehetővé teszik a skálázható vektorgrafikus formátumú grafikák fogadását) - kényelmes vizuális létrehozást és képek megjelenítését biztosítva, ezek az alkalmazások nem teszik lehetővé a szövegben történő beállításukat szint, ami releváns az SVG grafikával kapcsolatban. Fontos tény, hogy a Scalable Vector Graphics formátum támogatása nem valósul meg bennük maradéktalanul, aminek következtében nem minden vektor képelemet lehet hibamentesen exportálni az SVG-be.

A szoftvertermékek második csoportját kizárólag SVG grafikák készítésére tervezett csomagok alkotják. Sokkal kevesebb lehetőségük van a vektoros képek vizuális fejlesztése szempontjából, bár tartalmazzák az összes szükséges eszközt. Másrészt kényelmes eszközöket kínálnak a forráskód szerkesztésére, és lehetővé teszik az SVG objektumokkal párhuzamosan történő munkát - vizuális módban és kódszinten egyaránt, és könnyedén válthat az információk bemutatása között. A csoport összes alkalmazása nagyon egyszerű és hozzáférhető, és nem igényel sok időt a tanulásra. Ezenkívül viszonylag kicsi a disztribúciójuk (összehasonlítva az első csoport alkalmazásával), így gond nélkül megvásárolhatók az interneten keresztül. Azonban nagyon kevés ilyen képességű program létezik, és az alábbiakban csak négyet vizsgálunk meg részletesen, amelyek a legnagyobb érdeklődésre tartanak számot, és különböző felhasználói kategóriákhoz készültek. Az SVG grafikák létrehozásához rendelkezésre álló alkalmazások teljes listáját lásd a http://wiki.svg.org/Design_Tools oldalon.

És végül a harmadik csoportba bármilyen szövegszerkesztőt felvehet, beleértve egy szokásos jegyzettömböt is. Amint azt fentebb megjegyeztük, a Scalable Vector Graphics formátum az XML nyelvre épül, amely lehetővé teszi az SVG fájlok szöveges szerkesztőben történő szerkesztését és szerkesztését, ha szükséges.

Teljes funkcionalitású grafikus alkalmazások az SVG grafikák létrehozásához

Adobe Illustrator CS2

Fejlesztő: Adobe Systems, Inc.

Forgalmazás mérete: Macintosh verzió - 428,9 MB, Windows verzió - 398,6 MB

Terjesztési módszer: shareware (a csomag 30 napos bemutatója a következő címen érhető el: http://www.adobe.com/products/tryadobe/main.jsp#product\u003d27)

Ár: 665 USD

Munka ellenőrzés alatt: Windows 2000 Service Pack 3 vagy Windows XP, Mac OS X 10.2.4–10.2.7, Java Runtime Environment 1.4.1

Az Adobe Illustrator 9. verziójától kezdve (3. ábra) az SVG-fájlok importálása és exportálása valósul meg, és sokkal magasabb szinten, mint a hasonló grafikus alkalmazásokban. A csomag támogatja az összes létező SVG specifikációt, az ISO 8859-1, az UTF-8 és az UTF-16 kódolásokat, a különféle szövegexportálási lehetőségeket, és lehetővé teszi képek exportálását mind normál SVG formátumban, mind tömörített SVGZ formátumban.

A környezetében létrehozott SVG grafikákban használhat színátmeneteket, fóliákat, valamint speciálisan biztosított SVG effektusok (effektus \u003d\u003e SVG szűrők) egész sorát különböző árnyékok, elmosódások stb. Formájában. élességük, ha webböngészőben bármilyen nagyítással nézik őket. A statikus grafika mellett az Illustrator lehetővé teszi az interaktív grafikák fogadását SVG formátumban is - erre a célra egy speciális SVG interaktivitási paletta biztosított (az ablak \u003d\u003e SVG interaktivitás menüből nyithatja meg), amelyben az interaktív objektumok műveletei szerepelnek. vannak beállítva. Érdemes megjegyezni, hogy az Illustrator interaktív SVG elemeinek kidolgozásához a Java Script nyelvének ismerete és az objektumorientált programozás alapelveinek megértése szükséges. Ezenkívül a Scalable Vector Graphics formátum használatával dinamikus adatgrafikákat (Dynamic Data-Driven Graphics) hozhat létre.

CorelDRAW Graphics Suite 12

Fejlesztő:Corel Corp.

Terjesztés méretetiva: 200 MB

Terjesztési módszer: shareware (a bemutató verzió letölthető az online áruházak webhelyeiről, például: http://allsoft.ru/Download.php?ver\u003d17605)

Ár: 290 USD (Allsoft.ru)

Munka ellenőrzés alatt:Windows NT / 2000 / XP

A CorelDRAW Graphics Suite 12 részét képező CorelDRAW neves professzionális vektorgrafikus alkalmazás (4. ábra) alapvető import- és exportszintet biztosít SVG és SVGZ formátumban, ezért statikus és interaktív SVG grafikák készítésére használható.

SVG fájlba a CorelDRAW programban

Az alkalmazás támogatja a fel nem ismert adatokat, attribútumokat és metaadatokat, valamint lehetőséget nyújt az SVG fájlok előnézetének megtekintésére a böngészőben az exportálás előtt. Ezen túlmenően az Unicode kódolás lehetséges az UTF-8 és az UTF-16 kódolási módszereknél, valamint különféle lehetőségek állnak rendelkezésre a szöveges és a bitképes képek exportálásához. A legújabb verzió jelentősen javította a szimbólumok, a szöveg, az árnyékok, az utak, a rétegek, a beágyazott bináris fájlok és egyebek exportálásának támogatását.

Mayura Draw 4.3

Fejlesztő: Mayura szoftver

Forgalmazás mérete: 1,3 MB

Terjesztési módszer:shareware (bemutató verzió - http://www.mayuradraw.com/mdraw.zip)

Ár: 39 USD

Munka ellenőrzés alatt: Windows 95/98 / Me / NT / 2000 / XP

A Mayura Draw (5. ábra) egy nagyon egyszerű és olcsó vektorgrafikus program, amelyet az általános felhasználó számára terveztek. A kapott vektor képek, ha szükséges, SVG formátumba exportálhatók, és ezért a Mayura Draw lehetséges megoldás lehet a statikus SVG grafika fejlesztésére. A program támogatja az összes főbb vektorgrafikai eszközt, és lehetővé teszi vektoros képek készítését grafikai primitívek, lineáris és ívelt utak és szöveg alapján. A képességeinek felsorolása kényelmes eszközöket tartalmaz az objektumok összehangolásához, terjesztéséhez és elrendezéséhez, az átláthatóság ellenőrzéséhez, az objektumok pontos elhelyezéséhez vezetők és vonalzók használatához, valamint a különféle átalakításokhoz.

Speciális csomagok SVG grafikák készítéséhez

EvolGrafiX XStudio 6.1

Fejlesztő:EvolGrafiX

Forgalmazás mérete:7,25 MB

Terjesztési módszer: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

Ár: 449 USD kereskedelmi engedély, 249 USD tudományos engedély

Munka ellenőrzés alatt: Windows 2000 / XP

Az XStudio professzionális csomag (6. ábra) kényelmes eszköz sokoldalú SVG grafikák készítéséhez az internethez és a mobileszközökhöz, és teljes ellenőrzést biztosít mind az SVG projekt egészében, mind a vektoros képek, animációk, szkriptek stb. Felett. kényelmes, intuitív és nagymértékben testreszabható felhasználói felület, sokféle eszközt kínál, gyors, lehetővé teszi az összes létező specifikáció SVG grafikájának elkészítését, és támogatja a skálázható vektorgrafika minden stílusát. Mindez a professzionális csomag viszonylag alacsony árával kombinálva a legjobb ilyen jellegű professzionális megoldás. Az XStudio részletes dokumentációval rendelkezik, oktatósorozatokkal kiegészítve, és könnyen megtanulható.

Ábra. 6. A vizuális képalkotás és a forráskód szerkesztése kombinálása
az EvolGrafiX XStudio

Az alkalmazás rendelkezik minden szükséges képességgel a vektorképek létrehozásához és feldolgozásához, és ebben a tekintetben nagyon hasonlít az Adobe Illustrator csomaghoz. Ugyanakkor az XStudio közvetlenül a statikus, interaktív és animált SVG grafikák előkészítésére összpontosít, ezért a vektorobjektumokkal való munka klasszikus eszközeivel együtt speciális SVG képességekkel egészül ki. A beépített dokumentumobjektum-modell (DOM) eszköztár hierarchikusan ábrázolja az SVG-objektumokat, egy kényelmes XML-szerkesztő lehetővé teszi a forráskód szöveges javítását, a szkriptszerkesztő pedig Java-szkriptekkel történő kiegészítését. A kóddal való munka nagyon kényelmesen szerveződik: a kijelölt objektum kódtöredékei automatikusan kiemelésre kerülnek, lehetőség van szöveg keresésére és könyvjelzők beállítására, stb. A kód bármilyen változása azonnal megjelenik a vizuális előnézeti ablakban, és a vizuális változások - a szerkesztő ablakban.

Inkscape

A fejlesztő: IOSN (nemzetközi nyílt forráskódú hálózat)

Forgalmazás mérete: 8,7 MB

Ár:ingyenes

Munka ellenőrzés alatt: Windows 9x / NT / 2000 / XP, Mac OS X, Linux

Az Inkscape (7. ábra) a legígéretesebb nyílt forráskódú vektorszerkesztő, amely több platformos, és hatékony eszköz a grafika fejlesztésére a Scalable Vector Graphics szabványnak megfelelően. Az Inkscape vektorfunkcióiban és interfészében is nagyon hasonlít a CorelDRAW-ra. Megvalósítja az alfa-csatornák támogatását, a rétegekkel való munkát, az áramvonalas szöveg használatát, a látványos színátmenet-kitöltéseket, a nagyszámú szűrőt és effektust, a különféle átalakításokat, az utakkal és tárgyakkal való kényelmes munkát, az objektumok csoportosítását és még sok minden mást. Lehetőség van adatok JPEG, PNG és TIFF fájlokból történő importálására és SVG képekbe ágyazására.

beépített Inkscape szerkesztő

A CorelDRAW-tól eltérően azonban az Inkscape az SVG-tervezők alkalmazásaként van elhelyezve, így a klasszikus vizuális grafika-készítéssel együtt lehetőséget nyújt az XML-kód közvetlen feldolgozására egy integrált szövegszerkesztőben. A program úgy van konfigurálva, hogy a képeket normál és tömörített SVG fájlokba mentse, bár kívánt esetben konvertálhatók általános vektoros és bittérképes formátumokra.

Az Inkscape csomag kényelmes orosz kezelőfelülettel rendelkezik, könnyen megtanulható és jó súgórendszerrel rendelkezik, amely különféle felhasználási példákat tartalmaz, ráadásul ez az alkalmazás ingyenes - mindez nagyon vonzóvá teszi a felhasználók széles köre számára . A program fő hátránya az alacsony sebesség és a megnövekedett rendszererőforrás-igény.

Corel WebDraw

Fejlesztő: Corel Corp

Forgalmazás mérete:15,6 MB

Terjesztési módszer: shareware (30 napos bemutató - http://www5.jasc.com/pub/wdw102ev.exe)

Ár: 179 USD letöltés, 199 USD CD

Munka ellenőrzés alatt: Windows 98 / NT4 / 2000 / Me / XP

A Corel WebDraw (8. ábra), ismertebb nevén Jasc WebDraw, egyablakos megoldás kiváló minőségű SVG grafikák és animációk készítésére professzionális tervezők számára. És a program intuitív felülete vonzóvá teszi a felhasználók széles köre számára.

Az alkalmazás kiterjedt szabványos grafikus eszközöket kínál, amelyek jellemzőek a teljes funkcionalitású vektorgrafikus alkalmazásokra: alapformák (ellipszis, téglalap, csillag stb.), Toll, sokszög, vonallánc, szöveg stb. A vektorobjektumokkal együtt a WebDraw lehetővé teszi külső bitképek hozzáadását az SVG objektumokhoz. A kész stílusok szokásos kitöltésein és átfedésén kívül használhat összetett színátmeneteket, kitöltéseket, beleértve a saját maga által létrehozott mintákat is. A hatékonyabb képek érdekében szűrőket használhat - mind elég egyszerű (elmosódás és árnyékolás), mind pedig összetett (textúrázás és világítás). Rácsok, útmutatók és vonalzók állnak rendelkezésre az objektumok pontos elhelyezéséhez, a beépített Document Object Model (DOM) eszköztár pedig az SVG objektumokat hierarchikus fában mutatja be, ami jelentősen leegyszerűsíti a kezelést.

A WebDraw sokoldalú animációs idővonallal rendelkezik, amely az SVG DOM (dokumentumobjektum-modell) alapján készül, amely lehetővé teszi, hogy bármikor kiválaszthassa és animálhassa minden típusú objektum szinte minden attribútumát vagy tulajdonságát. A drag-and-drop mechanizmus lehetővé teszi az animáció kezdő és végpontjának, valamint az egyes animációs fázisok időtartamának szerkesztését közvetlenül az idővonalon. Mivel az animációs kulcspontok (kulcsidő) minden alkalommal beszúrásra kerülnek, amikor animációs paramétereket állít be egy objektum attribútumához vagy tulajdonságához, áthelyezhetők a storyboard más részeire, hogy az animációs effektusok időbeli eloszlását automatikusan beállítsák.

A csomag lehetővé teszi, hogy SVG grafikával dolgozzon két változatban: mind vizuálisan megjelenített grafikus objektumok halmazával, mind a megfelelő forráskóddal. A forráskód szerkesztése a beépített SVG szövegszerkesztőben további rugalmasságot és ellenőrzést biztosít a fájlok tartalma felett. A forráskód változásainak automatikus ellenőrzése hozzájárul a generált grafika garantált helyes viselkedésének eléréséhez, és a talált hibákat színes színnel emelik ki, ami megmenti a tervezőt a több száz kódsor között történő órákon át tartó kereséstől. A forráskód bármilyen változásának eredménye azonnal megjelenik a képernyőn. Opcionálisan a WebDraw alkalmazásban importálhatja, szerkesztheti és optimalizálhatja az egyéb alkalmazások környezetében létrehozott SVG fájlokat.

Sketsa SVG Editor 3.2.3

Fejlesztő:KIYUT

Forgalmazás mérete:5,99 MB

Terjesztési módszer: shareware (demo, amely címkét ad hozzá egy képhez - http://www.kiyut.com/products/sketsa/sketsa.zip)

Ár: 49 USD

Munka ellenőrzés alatt: Windows 2000 / XP, Java VM (JRE) 1.5 és újabb (http://www.java.com/getjava), UNIX és Linux

A Sketsa (9. ábra) az egyik legnépszerűbb SVG szerkesztő, és lehetővé teszi professzionális SVG grafikák készítését, beleértve az SVGZ optimalizálásokat is. A csomag sikeresen ötvözi az egyszerűséget és a kényelmet a szolgáltatások széles skálájával, és kompatibilis a Windows, Mac és Linux rendszerekkel.

A Sketsa egy olyan klasszikus eszközkészletet támogat, amely tipikus minden vektoralkalmazáshoz, amely lehetővé teszi bármilyen vektorobjektumok létrehozását és átalakítását útvonalak, grafikus primitívek és szöveg alapján is, amelyek kívánt esetben raszteres képekkel könnyen kiegészíthetők. Lehetőség van az átláthatóság ellenőrzésére, a színátmenet kitöltésére és a szűrők használatára. Mindezt sikeresen kiegészítik a speciális SVG képességek, amelyeknek köszönhetően bármilyen kép szerkeszthető nemcsak vizuálisan, hanem szöveges módban is. A csomag beépített XML szövegszerkesztőt biztosít az SVG kód szerkesztésére. Az objektumkezelés megkönnyítése érdekében van egy beépített dokumentumobjektum-modell (DOM) eszköztár, amely egy SVG-dokumentum hierarchikus faszerű objektumkészlete, amely lehetővé teszi bármely dokumentumobjektum kiválasztását a tulajdonságainak szerkesztéséhez.