Hoekom om SVG-lêers te gebruik in plaas van JPG

Voordele van SVG

As jy 'n webwerf opbou en beelde by die webwerf voeg, is een van die belangrikste dinge wat jy moet bepaal, watter lêerformate die regte is wat jy moet gebruik. Afhangende van die grafiese, kan een formaat baie beter wees as ander.

Baie webontwerpers is gemaklik met die JPG-lêerformaat, en hierdie formaat is ideaal vir beelde wat diep kleurdiepte het, soos foto's. Terwyl hierdie formaat ook vir eenvoudige grafika werk, soos geïllustreerde ikone, is dit nie die beste formaat wat in daardie geval gebruik kan word nie. Vir die ikone sou SVG 'n beter keuse wees. Kom ons kyk presies hoekom:

SVG is vektor tegnologie

Dit beteken dat dit nie raster tegnologie is nie. Vektorbeelde is 'n kombinasie van lyne wat met wiskunde geskep is. Raster lêers gebruik pixels of klein blokkies van kleur. Dit is een van die redes waarom SVG skaalbaar is en ideaal is vir reageerende webwerwe wat saam met die skermgrootte van 'n toestel moet skaal. Aangesien vektorgrafika in die wiskundewêreld bestaan, verander die grootte, verander jy net die getalle. Raster lêers vereis dikwels 'n beduidende opknapping wanneer dit kom by grootte. As jy op 'n vektorbeeld wil inzoomen, is daar geen vervorming omdat die stelsel wiskundig is nie en die blaaier net die wiskunde herbereken en maak die lyne so glad soos ooit. As jy in 'n raster-prentjie inzoom, verloor jy die beeldkwaliteit en die lêer begin onduidelik raak as jy daardie pixels van kleur begin sien. Wiskunde brei uit en kontrakteer, pixels doen nie. As u wil hê u beelde moet onafhanklik wees, sal SVG u daardie vermoë gee.

SVG is teksgebaseer

As jy 'n grafiese redakteur gebruik om 'n prent te produseer, neem die program 'n prentjie van jou voltooide kunswerk. SVG werk anders. Jy kan nog steeds 'n paar sagtewareprogramme gebruik en voel asof jy 'n prent teken, maar die finale produk is 'n versameling vektorlyne of selfs woorde (wat eintlik net vektore op die bladsy is). Soekenjins kyk na woorde, spesifiek sleutelwoorde. As jy 'n JPG oplaai, beperk jy jouself aan die titel van jou grafiese en dalk die alt- teksfrase. Met SVG-kodering brei jy uit oor die moontlikhede en skep beelde wat meer soekenjinvriendelik is.

SVG is XML en werk binne ander taalformate

Dit gaan terug na die teks-gebaseerde kode. Jy kan jou basiese beeld in SVG maak en gebruik CSS om dit te poets. Ja, jy kan 'n prent hê wat eintlik 'n SVG-lêer is, maar jy kan ook die SVG direk in die bladsy kodeer en dit in die toekoms wysig. Jy kan dit verander met CSS op dieselfde manier as jy die teks van die bladsy verander, ens. Dit is baie kragtig en dit maak maklike redigering.

SVG word maklik gewysig

Dit is waarskynlik die grootste voordeel. As jy 'n foto van 'n vierkant neem, is dit wat dit is. Om 'n verandering te maak, moet jy die toneel terugstel en 'n nuwe prentjie neem. Voordat jy dit weet, het jy 40 beelde van vierkante en het dit nog nie reg nie. Met SVG, as jy 'n fout maak, verander die koördinate of 'n woord in 'n teksredigeerder, en jy is klaar. Ek kan hiermee verband hou omdat ek 'n SVG-sirkel geteken het wat nie korrek geposisioneer is nie. Al wat ek moes doen, was om die koördinate aan te pas.

JPG-beelde kan swaar wees

As jy wil hê dat jou prentjie in fisiese grootte groei, sal dit ook in lêergrootte groei. Met SVG is 'n pond steeds 'n pond, maak nie saak hoe groot jy dit maak nie. 'N Vierkant wat 2 cm breed is, sal dieselfde weeg as 'n vierkant wat 100 cm breed is. Lêergrootte verander nie, wat uitstekend is van die prestasiepunt van 'n bladsy!

So wat is beter?

So, wat is 'n beter formaat - SVG of JPG? Dit hang af van die beeld self. Dit is soos om te vra: "Wat is beter, 'n hamer of 'n skroewedraaier?" Dit hang af van wat jy moet bereik! Dieselfde geld vir hierdie beeldformate. As jy 'n foto moet vertoon, is JPG die beste keuse vir jou. As jy 'n ikoon byvoeg, is SVG waarskynlik 'n beter keuse. U kan meer leer oor wanneer dit geskik is om SVG-lêers hier te gebruik .

Oorspronklike artikel deur Jennifer Krynin. Geredigeer deur Jeremy Girard op 6/6/17