Svg megtekintése online. Hogyan lehet megnyitni az SVG fájlt? Speciális csomagok SVG grafika létrehozásához

Nem minden felhasználó foglalkozott .svg kiterjesztésű fájlokkal. Sok esetben szinte mindegyik válogatás nélkül törli az ilyen fájlokat, anélkül, hogy meggondolná, melyik program volt először társítva az SVG fájlhoz.

A cikk arra összpontosít, hogy pontosan milyen eszközök teszik lehetővé a fájl megnyitását a szerkesztéshez, és általában arra, hogy szükség van-e erre.

.Svg fájlkiterjesztés?

Először a legegyszerűbb jelölés szükséges. Előfordulhat, hogy egy tapasztalatlan felhasználó nem érti az SVG fájl megnyitásának kérdését. Ebben az esetben figyelni kell arra a tényre, hogy kezdetben ilyen típusú fájlok szükségesek a grafika feldolgozásához a raszteres vagy vektoros mód megváltoztatásával. Abban az esetben, ha a végfelhasználó teljesen laikus egy ilyen ügyben, nincs mit magyaráznia. Ami a közönség többi részét illeti, meg kell jegyezni, hogy maga a probléma, az SVG formátum megnyitása nagyrészt kizárólag a szükséges alkalmazás megválasztásának köszönhető, amely alapértelmezés szerint telepítve van, vagy egy ehhez hasonló.

Alapértelmezés szerint hogyan lehet megnyitni az SVG fájlokat?

Meg kell jegyezni, hogy a legtöbb egyszerű módszer fájl megnyitása különféle típusú dupla kattintás egy közönséges „Explorerben”. Megjegyzendő, hogy ebben az esetben az operációs rendszer önállóan határozza meg, hogy a készletéből melyik eszközt használja egy adott típusú fájl megnyitásához. Az SVG-fájl alapvetően általános. Valójában minden program, amely támogatja a Scalable Vector Graphics szabványt, amelyből a rövidítés származik, túl sok probléma nélkül képes működni vele. Érdemes megjegyezni, hogy ugyanaz Adobe Illustrator vagy Corel Draw csomagot legújabb verzió vagy hasonló szoftvercsomagok képes feldolgozni az ilyen típusú fájlokat.

Ha a megfelelő alkalmazások telepítve vannak, akkor általában nem merülnek fel problémák. Abban az esetben, ha egy egyszerűbb programot használunk, például a szokásos "Microsoft" Paint, Paint .NET vagy egy szerkesztő, amely a fő csomag részét képezi Microsoft Office bármilyen verziót és kiadási évet, ne számíts valami természetfelettire. Természetesen képesek ilyen adatokkal dolgozni, de nem mindig úgy viselkednek legjobb közművek szerkesztésre szánták. Előfordulhat, hogy az SVG-fájlt nem ismerik fel.

Így vagy úgy, egyszerűen megtekintheti a képet, megváltoztathatja a helyét a lapon, kissé "szerkesztheti" a színeket vagy a telítettséget. Ami a többit illeti, marad, ahogy volt, és néha még rosszabb is. Ezért meg kell néznie, hogyan tudja megnyitni az SVG fájlt a szerkesztési területen a kísérő programok és alkalmazások segítségével.

SVG adatfeldolgozó eszközök

Bármilyen meglepőnek tűnik is, az .svg kiterjesztésről úgy gondolják, hogy nincs kapcsolata a kapcsolódó programmal. Ez azonban egy méretezhető grafikus formátum. Érdemes megjegyezni, hogy teljesen mindegy, hogy milyen SVG fájl van nyitva. Ha van elég telepített programokatés alkalmazások esetén az operációs rendszer önállóan kéri a megfelelő alkalmazás kiválasztását. Ne felejtse el, hogy egy hasonló probléma, amely azzal kapcsolatos, hogy hogyan és mivel kell megnyitni egy SVG fájlt, a másik oldalról is megfontolható. Végül is az ilyen típusú fájlok tartalmazhatnak HTML vagy XML jelölést. Ezért az ilyen adatokat speciális programokkal kell szerkeszteni.

Így vagy úgy, az ebben a cikkben, az úgynevezett globális tervben tárgyalt kérdés értékelésekor érdemes megjegyezni, hogy az SVG fájlok megnyitása nem lépi túl a felhasználók körében általánosan elfogadott fogalmakat. És ez nem meglepő, hiszen maga a formátum, valamint a hozzá tartozó kiterjesztés a grafikához kapcsolódik. Ez azt jelenti, hogy a megtekintésre és szerkesztésre való megnyitás eleve biztosított. Sőt, ez nem függ a speciális szerkesztők elérhetőségétől, valamint operációs rendszer.

Az egyetlen dolog, amit tanácsolhatunk, hogy telepítsen univerzális klienseket, például ACDSee-t vagy valami hasonlót, amely képes felismerni az SVG fájlt belépő szint, és teljes értékű szerkesztési módban dolgozzon vele. Használata akár a kívánt fájl szerkezetét is megváltoztathatja. Ebben a tekintetben az SVG fájlformátum bármilyen belsőt támogat külső változások, és még azokat is, amelyek a kellékekre vonatkoznak.

A bemutatott cikkben az a kérdés, hogy mik azok az SVG fájlok. Egy ilyen probléma fő szempontjait mérlegeljük, és megoldási módszereket javasolunk. Ez az információ sok olyan felhasználónak segíthet, aki érdeklődik a kérdés iránt.

Az SVG (Scalable Vector Graphics) egy skálázott fájl vektoros grafika nagyon erős, XML jelölőnyelven íródott. Nézzük meg, melyik segítségével szoftveres megoldások ezzel a kiterjesztéssel tekintheti meg az objektumok tartalmát.

Tekintettel arra, hogy a Scalable Vector Graphics egy grafikus formátum, természetes, hogy ezen objektumok megtekintését elsősorban képnézegetők és grafikus szerkesztők támogatják. De furcsa módon ez idáig a ritka képnézők megbirkóztak az SVG megnyitásának feladatával, csak a beépített funkcionalitásukra hagyatkozva. Ezenkívül a vizsgált formátumú objektumok néhány böngészővel és számos más programmal megtekinthetők.

1. módszer: Gimp

Először is nézzük meg, hogyan tekinthetjük meg a vizsgált formátumú rajzokat a Gimp ingyenes grafikus szerkesztőjé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őket az XnView programmal kezdjük el vizsgálni.

Van egy másik lehetőség az SVG-k megtekintéséhez az XnView-ban. Ez a beépített böngésző segítségével történik.

4. módszer: IrfanView

A következő képnézegető, amelynek példáján megfontoljuk a vizsgált típusú képek megtekintését, az IrfanView. Az SVG megnevezett programban való megjelenítéséhez a CAD Image DLL beépülő modulra is szükség van, de az XnView-val ellentétben ez kezdetben nincs telepítve a megadott alkalmazásba.

A kép ebben a programban a fájl húzásával tekinthető meg "Felfedező" az IrfanView rendszerhéjba.

5. módszer: OpenOffice Draw

Az OpenOffice irodai programcsomagból származó Draw alkalmazás SVG-t is megtekinthet.

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

A Draw shell-en keresztül is elindíthatja.

6. módszer: LibreOffice Draw

Támogatja a méretezhető vektorgrafikus megjelenítést és az OpenOffice versenytársat - irodai csomag A LibreOffice-nak, amiben van egy Draw nevű képszerkesztő alkalmazás is.

A megnyitás másik módja a fájl áthúzása innen fájl kezelő a LibreOffice indítási rendszerhéjába.

A LibreOffice-ban is, az előző szoftvercsomaghoz hasonlóan, megtekintheti az SVG-t a Draw shell-en keresztül.

7. módszer: Opera

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

8. módszer: Google Chrome

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

9. módszer: Vivaldi

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

10. módszer: Mozilla Firefox

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

11. módszer: Maxthon

Elég szokatlan módon lehetőség van az SVG megtekintésére a Maxthon böngészőben. A helyzet az, hogy ebben a böngészőben a megnyíló ablak aktiválása elvileg lehetetlen: sem grafikus vezérléssel, sem gyorsbillentyűk lenyomásával. Az egyetlen lehetőség az SVG megtekintéséhez az URL megadása ennek a tárgynak v címsor böngésző.

Kétségtelenül, ezt a lehetőséget A helyi vektorgrafikus merevlemezen való megnyitása sokkal kínosabb és nehezebb, mint más böngészőkben.

12. módszer: Internet Explorer

Tekintsük az SVG megtekintésének lehetőségeit a Windows operációs rendszerek szabványos böngészőjének példáján a Windows 8.1-hez - Internet Explorer.

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

A képeknek számos formátuma létezik, de mindegyik két nagy osztályra van osztva - raszteres és vektoros. Az előbbieket főleg különféle összetett és részletgazdag grafikákhoz, például fotózáshoz használják. Ezekben minden pixel a legkisebb elem, lehet saját színe, és a fájl általában egyszerűen eltárolja a kép egyes pontjaihoz tartozó színeket. Természetesen különböző módszereket alkalmaznak az információ méretének tömörítésére, és ebből sok bitmap formátum származik - bmp, png, jpg és mások. Általában a jpg mutatja a legjobb hatékonyságot, mivel kis fájlt készít, jó részletességgel. 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ájl mérete csökken, a kép romlik.

Munka SVG fájlokkal.

Igen, és az ilyen fényképek nagyításakor a képpontok láthatóvá válnak. A vektoros formátumok teljesen más módon működnek. Olyan vonalakat, szakaszokat, alakzatokat használnak, amelyeket matematikai képletekkel írnak le. Bármilyen tér, amelyet korlátoznak, kitölthető színnel vagy színátmenettel. Az eredmény egy olyan kép, amely nincs meghatározott méretekhez kötve – könnyen tömöríthető vagy hatalmas méretre nyújtható minőségromlás nélkül. Az egyik ilyen vektorformátum az SVG. És egyre népszerűbb, különösen a webfejlesztő környezetben.

A bővítmény általános leírása

Típusú SVG fájl- a Scalable Vector Graphics, azaz a méretezhető vektorgrafika rövidítése. A VML és PGML jelölőnyelvek a kép leírására szolgálnak. Valójában az Szöveges dokumentum, amely minden alakzathoz leírja a csúcsok és az azokon áthaladó egyenesek koordinátáit, valamint a különböző elemek színeit. Ennek a formátumnak az első verziója 2001-ben jelent meg, és jelenleg a második verziót fejlesztik. Vagyis ígéretes és fejlődő. Egyik előnye a kis fájlméret, amelybe meglehetősen bonyolult rajzok menthetők. Ezért most egyre több ikont, piktogramot, logót és egyéb webhelyelemet használnak ebben a formátumban, nem pedig 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 egy egérkattintásra vagy egyes elemek mozgására. Az animáció meglehetősen összetett forgatókönyveket tesz lehetővé. Mindez együtt lehetővé teszi, hogy nagyon szép és élénk grafikai elemeket hozzon létre webhelyekhez. Akár szabályosba is beágyazhatók bittérképek png, jpg és más formátumokban.

Hogyan lehet megnyitni az SVG fájlt

Az interneten sok ilyen kép megtalálható fotóállományokon, beleértve az ingyeneseket is. Grafikus szerkesztőkben készülnek. Adobe photoshop, Illustrator, Corel Draw és néhány más. De felmerül a kérdés - hogyan lehet megnyitni az SVG formátumot. Hiszen a beépített Windows-eszközök nem mutatják meg, hogy mely képeket tartalmazzák. Bár az SVG-t akár szövegszerkesztőben is lehet szerkeszteni, például a Jegyzettömbben, mivel szöveges dokumentumról van szó, a jelölőnyelvekben nagy ismeretekkel kell rendelkezni. Az SVG fájlt megnyithatja abban a programban, amelyben létrehozta, vagy más grafikus szerkesztőben, amely támogatja ezt a formátumot. Legnepszerubb:

Természetesen a vektorgrafikával dolgozó programok listája nem korlátozódik ezekre a nevekre. Nagyon sok van belőlük, köztük a legnépszerűbbek is Adobe szerkesztő A Photoshop képes vektorként menteni a képeket, és rendelkezik egy beépülő modullal a megnyitáshoz. Ne feledkezzünk meg a legnépszerűbb vektorgrafikus szerkesztőről, a Corel Draw-ról, amelyet a legnépszerűbbnek nevezhetünk.

Mi okozhat még problémákat a fájllal

Hagyományos Windows eszközökés sok más operációs rendszer esetén az SVG fájlok nem nyílnak meg. A tartalmuk megtekintéséhez és még több szerkesztéséhez telepítenie kell minden olyan grafikus szerkesztőt, amely támogatja ezt a formátumot.

Legnepszerubb grafikus szerkesztők lehetővé teszi a képek több formátumban történő mentését. Ha a program raszteres grafikával működik, akkor a fájlok mentéséhez raszteres formátumokat kínálnak, ha vektorral, akkor ennek megfelelően vektoros formátumokat. Vannak azonban olyan bittérkép-szerkesztők, amelyek támogatják a rajzok vektoros és vegyes formátumba történő exportálását. Ilyen például az Adobe Photoshop, amely SVG-be tud exportálni egy rajzot – ez egy ma már meglehetősen elterjedt formátum, amely raszteres és vektorgrafikát is képes tárolni.

Mi az SVG formátum és hol használják

2001-ben fejlesztette ki a Konzorcium Világháló, az SVG formátum nem egy közönséges dokumentum. A VML és PGML jelölőnyelveken alapul, vagyis tulajdonképpen kb szöveges fájl... Ennek során a szerkesztők és a böngészők az SVG-t képként értelmezik, amely lehet statikus vagy animált. A vektorgrafikák tárolásának legelterjedtebb formátumaként az SVG-t ma már széles körben használják vektoros és vegyes képek interneten történő tárolására és terjesztésére.

Mint minden formátumnak, az SVG-nek is megvannak az előnyei és hátrányai. Előbbiek közé tartozik a minőségromlás nélküli skálázhatóság, a viszonylag kis súly, a PNG, GIF, JPG képek SVG dokumentumokba való integrálásának lehetősége, a szövegszerkesztőkben történő szerkesztés (megfelelő tapasztalat birtokában), a keresőrobotok által végzett indexelés, az animáció támogatása és elterjedtsége. A formátum előnyei között szerepel a jó tömöríthetőség, a nyitottság és az alkalmazkodóképesség is.

Másrészt, az SVG örökli a hátrányait mindazzal, amit jelent. A formátum nem alkalmas összetett objektumok létrehozására, mivel az SVG-fájlok gyorsan megnövekednek, ha sok apró részletből állnak. Ezenkívül a programoknak a teljes dokumentumot be kell olvasniuk a kép megjelenítéséhez, ami megnehezíti a formátum alkalmazását a térképészeti alkalmazásokban. A formátum hátrányai között megjegyezzük a viszonylag alacsony böngésző-kompatibilitást és a 3D grafika legalább minimális támogatásának hiányát.

A legjobb szerkesztők az SVG fájlokkal való munkavégzéshez

Mint már említettük, az SVG fájlt szerkesztheti egy normál szövegszerkesztőben, de ehhez speciális ismeretekkel kell rendelkeznie. Sokkal kényelmesebb és helyesebb a vektorgrafikus szerkesztők használata.

Adobe Illustrator

A leghatékonyabb eszköz, amely kiválóan alkalmas az SVG-szerkesztő szerepére. Az Adobe Illustrator lenyűgöző eszközkészlettel rendelkezik a vektoros és kombinált grafikák használatához. Lehetővé teszi egyszerű vázlatok és összetett művészi illusztrációk létrehozását és szerkesztését. Az SVG formátummal való munka során a szerkesztő lehetővé teszi rétegek és szkriptnyelvek használatát, speciális effektusok használatát.

Boxy svg

Az SVG-képeket a Boxy SVG alkalmazással is megnyithatja, amelyet kifejezetten ennek a formátumnak a használatához készítettek. Ez a szerkesztő sok tekintetben rosszabb, mint az Adobe Illustrator, de az SVG képek létrehozásához és szerkesztéséhez szükséges összes alapvető eszközt megtalálja benne. Az alkalmazás támogatja az alakzatokkal és objektumokkal való munkát, a népszerű formátumú betűtípusok és képek importálását, a Pixabay könyvtárral való munkát, a megtekintést és a szerkesztést forráskód SVG és CSS. A Boxy SVG online szolgáltatásként és alkalmazásként érhető el Windows 10, macOS és Chrome OS rendszerekhez.

Vectr

Hogyan lehet még megnyitni az SVG fájlt? Az ilyen típusú fájlokkal való munkavégzéshez rendelkezésre áll a Vectr program, amely nagyon jó munkát végez a hozzá rendelt szerkesztési feladatokkal. Az alkalmazás olyan funkciókat biztosít, mint a vektorkép egyes részeinek megváltoztatása, rétegekkel való munka, szöveg és primitívek hozzáadása, effektusok alkalmazása (például átlátszóság, körvonal, külső és belső árnyékok), színátmenetek, toll, vonalak és egyéb eszközök használata. A Vectr ingyenes és elérhető Windows, Linux és Chrome OS rendszerekhez.

Inkscape

Az előző két programmal ellentétben az Inkscape nem igényel nagy bemutatkozást. Ez erőteljes és végtelenül ingyenes szerkesztő szerkesztésére és bármilyen összetettségű vektorgrafika készítésére egyaránt használható, az SVG ikonoktól a teljes értékű illusztrációkig. Inkscape program tudja, hogyan kell dolgozni útvonalakkal, szövegekkel, markerekkel, rétegekkel és csatornákkal, színátmenetekkel és textúrákkal. A bittérképes vektorizálás, az SVG színkezelés és még sok más is támogatott.

Az SVG színét egyébként a fájl forráskódjának szerkesztésével módosíthatja, de ehhez legalább alapszintű ismeretekkel kell rendelkeznie a CSS nyelvről és a színkódokról. A képernyőképen kiemelt kódblokk stílusparaméterének szerkesztésével például a fehér színt pirosra változtattuk. És persze, ha tud SVG-t szerkeszteni, akkor Inkscape és hasonló programok.

Hogyan lehet megnyitni az SVG-t online

Ha online SVG-szerkesztőre van szüksége, használja a Boxy SVG, Vectr és Inkscape webes verzióit. Az ilyen kiadások funkcionális készlete gyakorlatilag egy az egyhez, mint az asztali verziókban. Az Inkscape például a www.rollapp.com/app/inkscape projektből indítható el.

Ha valami egyszerűbbet keres, próbálja ki a Sketchpadot, egy online vektorszerkesztőt, amely elérhető a sketch.io/sketchpad címen. A Sketchpad olyan eszközöket tartalmaz, mint az ecsetek, vonalak, nyilak, primitívek, clipart, toll, zsírkréta, festékszóró, kitöltés stb. Van munka rétegekkel, palettával és színátmenetekkel.

De SVG képek "a semmiből" létrehozására a szolgáltatás nem nagyon alkalmas, bár az önkényes rajzolás funkcióját támogatja. A szerkesztő a kezdő felhasználóknak szól, így könnyen kitalálhatja.

SVG-PNG konverterek

Az SVG-fájlt normál képként tekinthetjük meg, ha egyszerűen ráhúzzuk a böngészőablakra, de az is előfordul, hogy az SVG-dokumentumot át kell alakítani egy elérhetőbb és ismertebb grafikus formátumba, mondjuk PNG-re. Ha konvertálható fájlok sok, érdemes az ingyenes eszközt használni SVG2PNG amely lehetővé teszi az SVG kötegelt PNG formátumú konvertálását. Az SVG PNG-re konvertálásához futtassa a segédprogramot, húzza át a vektoros fájlokat az ablakba, kattintson a "Start" gombra, és megkapja az eredményt.

A szerzőtől: Az SVG-képek nem olyan gyakoriak, mint a kedvenc bittérképeink PNG formátumokés a JPG, azonban a vektorgrafika előnyei egyre több tervezőt vonzanak. A tervezők egyre gyakrabban alkalmaznak vektorgrafikát projektjeikben. Korábban le kellett töltenünk olyan asztali alkalmazásokat, mint az Adobe Illustrator és az Inkscape, de 2017-ben már a böngésző elhagyása nélkül is tervezhet vektorgrafikát. Ha ingyenes SVG-szerkesztőt keresett, kezdheti ezzel a hat ingyenes eszközzel.

Vectr

Vectr – egy jó választás kezdőknek és haladó SVG felhasználóknak. A felület ügyes, és nincs tele sok olyan eszközzel, amelyeket nem fog használni. A szerkesztő kiválóan alkalmas azoknak, akik nem ismerik a vektoros illusztrációkat. A felhasználónak nem szabad eltévednie azon eszközök között, amelyek nem egyértelműek, mire használják őket. A készlet több leckét is tartalmaz. Még ha teljesen nulla az SVG, akkor is képes gyorsan tanulni.

A fentiek mindegyike azonban nem jelenti azt, hogy a Vectr gyenge funkcionalitású. Tartalmazza az összes alapkészletet a normál kép létrehozásához: formák, szöveg, rétegek, árnyékok, keretek, hátterek stb. Nem hasonlítható össze egy teljes értékű asztali szerkesztővel, de több mint elég a gyors tervezéshez és szerkesztéshez. Létrehozhat egy képet a semmiből, vagy feltölthet egy meglévőt.

Ha összetett illusztrációkat tölt be a Vectrbe, hibák (térképek vagy részletes diagramok) fordulhatnak elő. A szerkesztő nem mindig kezeli jól az összetett grafikákat. Az egyszerűbb SVG-khez (ikonok, logók stb.) azonban ez a szerkesztő elegendő.

JavaScript. Gyors kezdés

Ha be online verziók nincs szükség funkcióra, letöltheti az alkalmazás asztali verzióját. A szerkesztő Windows, Mac, Linux és Chromebookokra érhető el.

A Vectr talán legmenőbb funkciója, hogy közvetlenül a Vectr webhelyről linkelhet be és ágyazhat be képeket, így hatékony SVG-tárhely. Sok szolgáltatás blokkolja az SVG-fájlok betöltését, ezért ez nagy előny. Megjelenítheti a Vectr SVG képeit olyan távoli webhelyeken, mint a WP, Medium, Tumblr stb., amelyek megakadályozzák az SVG közvetlen betöltését, de lehetővé teszik a távoli megjelenítést.

A Vectr lehetővé teszi a vektorgrafikák megosztását a szerkesztőpanelen, így mások módosíthatják az Ön által létrehozott grafikákat. Vagyis készíthet például egy SVG logó sablont, amit a felhasználók már maguknak véglegesítenek. Mindezt a böngészőben.

Ebből a célból a Vectr a közelmúltban kiadta a szerkesztő verzióját a formában plugin a WP-hez.

RollApp

A listán szereplő többi eszközzel ellentétben, amikor a kezdőlap RollApp, a szerkesztő nem nyílik meg előtted. A RollApp alkalmazások egy csomagja, és az SVG-szerkesztő csak egy az alkalmazások közül. Remek eszköz, ez a böngésző verzió Inkscape.

A RollApp használatához fiókra van szüksége. Regisztrálhat újat, vagy bejelentkezhet a következővel google segítségével, Facebook, Amazon. Nagyon kényelmes, utálok több ezer új fiókot létrehozni csak azért, hogy lássam az alkalmazást.

Inkscape a javából! A RollApp kétségtelenül a legtöbb funkciókban gazdag alkalmazás a listán. Ön szó szerint az Inkscape-et használja a böngészőjében! Nem hasonlítottam össze minden részletet, de ez az alkalmazás úgy néz ki, mint az ÖSSZES Incscape-funkció, például rétegek, objektumok, szövegek, útvonalak, szűrők, effektusok, bővítmények stb.

Nagy méretű fájlok nem dolgozzák fel olyan gyorsan, mert a műveletek végrehajtása az alkalmazáskiszolgálókon és az interneten keresztül történik. Röviden - ha nagy és összetett fájlokat kell szerkesztenie, a RollApp nem ideális, de az alapkészleten kívüli egyéb feladatokhoz ez a szerkesztő jobb, mint mások.

BoxySVG

Ha már régóta SitePoint olvasó, akkor ismernie kell a szerkesztőt. BoxySVG, mert az elmúlt 12 hónapban már beszéltünk róla. nem teszem részletes áttekintést mivel ez már megtörtént ez a cikk.

JavaScript. Gyors kezdés

Tanulja meg a JavaScript alapjait itt: gyakorlati példa webalkalmazás létrehozásáról

Fontos, hogy Alex áttekintése óta a BoxySVG kódellenőrt adott hozzá, így ez az egyik legkorszerűbb SVG eszköz a webfejlesztők számára.

Janvas

Néhány évvel ezelőtt Janvas nagyon népszerű SVG szerkesztő volt. Sajnos ezt a szerkesztőt nem mostanában fejlesztették, de még így is működik. A web halad előre, a Janvas pedig egy helyben áll, így az iránta való érdeklődés elhalványult. Alex a SitePointtól 2013-14-ben egy kicsit dolgozott ezzel az eszközzel (beleértve fizetett változat) és még válaszolt is a kérdésekre egy ideig google oldal+. A Janvas elég erős eszköz volt.

A Janvas fő problémája az, hogy egy kicsit elavult. A böngészők fejlődnek, és a böngészőket nem követő alkalmazások napról napra kevésbé stabilak. A Janvas számos funkcióval rendelkezik: alakzatok, szövegek, rajzeszközök, útvonalak, maszkok és rétegek. A fórum felhasználói azonban azt mondják, hogy sok ilyen funkció nem hozza meg a kívánt eredményt.

Van egy jó hír – ki fog derülni egy új verzió Chrome-alkalmazásként. Remélhetőleg megoldják a problémákat.

DrawSVG

Lehet, hogy már választott egy ingyenes online SVG-szerkesztőt. Ha nem, akkor lépj tovább. DrawSVG- Teljesen kompatibilis SVG szerkesztő számos funkcióval. Nagyon tetszik, hogy ennek az alkalmazásnak a kialakítása valóban a webre van szabva, és nem úgy néz ki, mint egy böngésző asztali alkalmazásának portja. A menü a bal oldalon található, kattintson a második szintű menü megnyitásához stb.

A DrawSVG segítségével objektumokat rajzolhat, módosíthat és renderelhet. Rajzolhat egyszerű formákat, vannak Bezier-görbék, egyenes és ívelt szöveg, sok vonás- és kitöltési stílus stb. Az SVG is exportálható PNG-be.

SVG-szerkesztés

SVG-szerkesztés- az online vektorgrafikus szerkesztők nagyapja, a 2000-es évek közepén jelent meg. Szerver funkció nincs, böngészőben működik minden. Nem mentheti el munkáját saját funkcionalitás hozzáadása nélkül.

Egy olyan szerkesztő esetében azonban, amelynek élete erősen korlátozott és nem feltűnő vektorrajzoló programként indult, az SVG-szerkesztés funkcióit folyamatosan fejlesztették.

Az SVG-szerkesztés segítségével egyszerű alakzatokat (vonalakat, téglalapokat, köröket, sokszögeket, szabadkézi vonalakat stb.) rajzolhat, útvonalakat, rétegeket, színátmeneteket használhat, megtekintheti és szerkesztheti az SVG-forrásokat, exportálhat PNG, JPEG, BMP, WEBP formátumba, stb.

Következtetés

Ezen a 6 SVG-szerkesztőn kívül vannak még mások, de kevesen kínálnak több funkciót, mint a fent bemutatott öt.

Ha komolyan szeretne foglalkozni az SVG-vel, és ezek az eszközök nem rendelkeznek a szükséges funkciókkal, bármikor letölthet egy asztali SVG-szerkesztőt, például az Illustratort vagy az Inkscape-et. Az egyszerűség, a gyorsaság és a rugalmasság érdekében azonban a fenti szerkesztők mindegyike ezt kínálja hasznos készlet funkciókat.

PS: Ki lehet próbálni Figma... Ez inkább egy UI-készítő, nem pedig egy SVG-szerkesztő. Azonban nagyszerű eszközkészlettel rendelkezik, és jól optimalizált SVG-kódot generál.