Az SVG előnyei
Ahogy létrehoztál egy webhelyet és hozzáadtál képeket az adott webhelyhez, az egyik, ha a legfontosabb dolog, amit meg kell határoznod, hogy melyik fájlformátum a megfelelő. A grafikától függően az egyik formátum sokkal jobb lehet, mint mások.
Sok webes tervezõ kényelmes a JPG fájlformátummal, és ez a formátum tökéletes a mély színmélységû képekhez, például a fényképekhez. Bár ez a formátum egyszerű grafikákon is működik, például az illusztrált ikonok esetében, ez a legjobb formátum nem használható ebben a példában. Az ikonok számára az SVG jobb választás lenne. Nézzük meg pontosan miért:
Az SVG a Vector Technology
Ez azt jelenti, hogy nem raszteres technológia. A vektoros képek a matek segítségével létrehozott vonalak kombinációjából állnak. A raszterfájlok pixeleket vagy apró színes négyzeteket használnak. Ez az egyik oka annak, hogy az SVG méretezhető és tökéletes a reagáló weboldalak számára, amelyeknek méretüknek egy eszköz képernyőméretével együttnek kell lenniük. Mivel a matematika világában létezik vektoros grafika, megváltoztatni a méretét, egyszerűen megváltoztatod a számokat. A raszterfájlok gyakran jelentős átméretezést igényelnek a méretezésnél. Ha egy vektorgrafikus képet szeretne nagyítani, nincs torzítás, mert a rendszer matematikailag működik, és a böngésző csak újratervezi a matematikát és a vonalakat egyenletessé teszi. Ha raszterképet nagyít, akkor elveszíti a képminőséget, és a fájl kezd elfeketedni, amikor elkezdi látni a színes pixeket. A matematika kibővül és szerződik, a képpontok nem. Ha azt szeretné, hogy a képek függetlenek legyenek, az SVG megadja ezt a képességet.
Az SVG szövegalapú
Amikor grafikus szerkesztőt használ a kép készítéséhez, a program elkészíti a kész művet. Az SVG másképp működik. Még mindig használhatsz bizonyos szoftvereket, és úgy érzed, hogy rajzolsz egy képet, de a végtermék vektor vonalak, vagy akár szavak szavak gyűjteménye (amelyek valójában csak az oldalon található vektorok). A keresőmotorok szavakat, konkrétan kulcsszavakat keresnek. Ha feltölti a JPG-t , akkor korlátozza magát a grafika címére és talán az alt szöveges kifejezésre. Az SVG kódolással bővítheti a lehetőségeket, és olyan képeket hozhat létre, amelyek jobban keresőbarátak.
Az SVG az XML és az egyéb nyelvi formátumok működik
Ez a szöveges kódra tér vissza. Az alapképet SVG formátumban készítheti el, és a CSS segítségével polírozhatja. Igen, lehet egy kép, amely valójában egy SVG fájl, de az SVG-t is közvetlenül az oldalra kódolhatja, és szerkesztheti a jövőben. A CSS-sel megváltoztathatja ugyanúgy az oldal szövegét, stb. Ez nagyon erős, és könnyű szerkesztést tesz lehetővé.
Az SVG könnyen szerkeszthető
Ez talán a legnagyobb előny. Amikor egy négyzetről képet készít, ez az, ami az. Ha változtatni szeretne, vissza kell állítania a jelenetet, és új képet kell készítenie. Mielőtt megtudná, 40 kép van a négyzetekből, és mégsem igaza van. Ha az SVG-t hibázza, akkor módosítsa a koordinátákat vagy egy szót egy szövegszerkesztőben, és készen áll. Ehhez kapcsolódhatok, mert olyan SVG kört húztam, amely nem helyes. Csak annyit kellett tennie, hogy állítsa be a koordinátákat.
A JPG képek nehézek lehetnek
Ha azt szeretné, hogy a kép fizikai méretben növekedjen, a fájl mérete is nőni fog. Az SVG-nél egy font még mindig egy font, függetlenül attól, hogy mekkora lesz. A 2 hüvelyknyi négyzet olyan, mint egy négyzet, amely 100 hüvelyk széles. A fájlméret nem változik, ami kiváló az oldal teljesítményének szempontjából!
Tehát mi jobb?
Tehát mi a jobb formátum - SVG vagy JPG? Ez magától a képtől függ. Ez olyan, mint megkérdezni: "mi a jobb, kalapács vagy csavarhúzó?" Attól függ, hogy mit kell elérnie! Ugyanez igaz a képformátumokra is. Ha fényképet szeretne megjeleníteni, akkor a JPG a legjobb választás az Ön számára. Ha hozzá egy ikont, az SVG valószínűleg jobb választás. Tudjon meg többet arról, ha helyénvaló SVG fájlokat használni .
Jennifer Krynin eredeti cikke. Szerkesztette Jeremy Girard 6/6/17