Prednosti SVG
Ko ustvarite spletno mesto in dodate slike na to spletno mesto, eno, če najpomembnejše stvari, ki jih morate določiti, so tiste, ki so pravilni tisti, ki jih je treba uporabljati. Odvisno od grafike je lahko ena oblika veliko boljša od drugih.
Mnogi spletni oblikovalci so udobni s formatom JPG datotek in ta oblika je kot nalašč za slike, ki imajo globoko barvno globino, na primer fotografije. Medtem ko bi ta oblika delovala tudi za preproste grafike, kot so ilustrirane ikone, ni najboljši format za uporabo v tem primeru. Za te ikone bi bil SVG boljša izbira. Oglejmo si natančno, zakaj:
SVG je vektorska tehnologija
To pomeni, da ni raster tehnologija. Vektorske slike so kombinacija vrstic, ustvarjenih s pomočjo matematike. Raster datoteke uporabljajo pik ali majhne kvadratke barve. To je eden od razlogov, da je SVG prilagodljiv in prilagodljiv za odzivna spletna mesta, ki jih je treba ovrednotiti skupaj z velikostjo zaslona naprave. Ker v svetu matematike obstaja vektorska grafika, spremenite velikost, preprosto spremenite številke. Raster datoteke pogosto zahtevajo znaten remont, ko gre za velikost. Ko želite povečati vektorsko sliko, ni popačenja, saj je sistem matematičen in brskalnik preprosto preračunava to matematiko in linije naredi gladke kot vedno. Ko povečate rastrsko sliko, izgubite kakovost slike in datoteka začne postati mehka, ko začnete videti te barvne pike. Math širi in naroči, piksli ne. Če želite, da so vaše slike ločene, SVG vam bo dal to možnost.
SVG je na podlagi besedila
Ko za izdelavo slike uporabljate grafični urejevalnik, program posname sliko končanega dela. SVG deluje drugače. Še vedno lahko uporabite nekaj programskih programov in se počutite kot risba slike, vendar je končni izdelek zbirka vektorskih vrstic ali celo besed (ki so resnično samo vektorji na strani). Iskalniki pogledajo besede, zlasti ključne besede. Če naložite JPG , se omejite na naslov vaše grafike in morda alt besedilno frazo. Z kodiranjem SVG razširite možnosti in ustvarite slike, ki so bolj prijazne do iskalnikov.
SVG Je XML in deluje znotraj drugih jezikovnih formatov
To se vrne v besedilno kodo. Lahko naredite svojo osnovno sliko v SVG in uporabite CSS za poliranje. Da, lahko imate sliko, ki je dejansko SVG datoteka, lahko pa tudi kodo SVG neposredno vnesete in uredite v prihodnosti. To lahko spremenite s CSS na enak način, kot bi spremenili besedilo strani itd. To je zelo močno in omogoča enostavno urejanje.
SVG je enostavno urediti
To je verjetno največja prednost. Ko slikaš kvadrat, je to tisto, kar je. Če želite spremeniti, morate ponastaviti prizor in ustvariti novo sliko. Preden veste, imate 40 slik kvadratov in še vedno nimaš prav. Pri SVG, če naredite napako, spremenite koordinate ali besedo v urejevalniku besedil in končate. Lahko se povezujem s tem, ker sem narisal krog SVG, ki ni bil pravilno nameščen. Vse, kar sem moral storiti, je bilo prilagoditi koordinate.
JPG slike so lahko težke
Če želite, da vaša slika raste v fizični velikosti, se bo povečala tudi v velikosti datoteke. Z SVG, funt je še vedno funt, ne glede na to, kako velik si. Kvadrat, ki je širok 2 cm, tehta enako kot kvadrat, ki je širok 100 cm. Velikost datoteke se ne spremeni, kar je odlično s stališča učinkovitosti strani!
Torej, kaj je bolje?
Torej, kaj je boljši format - SVG ali JPG? To je odvisno od same slike. To je kot spraševanje "kaj je bolje, kladivo ali izvijač?" Odvisno od tega, kaj morate storiti! Enako velja za te slikovne formate. Če želite prikazati fotografijo, potem je JPG najboljša izbira za vas. Če dodate ikono, je SVG verjetno boljša izbira. Več o tem, kje je primerno uporabiti datoteke SVG tukaj .
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 6/6/17