SVG: n edut
Kun rakennat verkkosivuston ja lisäät kuvia kyseiseen sivustoon, yksi tärkeimmistä asioista, jotka sinun on määritettävä, ovatko tiedostomuodot oikeita käytettäviä. Graafisesta kuvasta riippuen yksi muoto voi olla paljon parempi kuin muilla.
Monet web-suunnittelijat ovat tyytyväisiä JPG-tiedostomuotoon, ja tämä muoto sopii erinomaisesti kuville, joilla on syvä värisyvyys, kuten valokuvat. Vaikka tämä muoto soveltuu myös yksinkertaisiin grafiikoihin, kuten kuvitettuihin kuvakkeisiin, se ei ole paras tapa käyttää tässä tapauksessa. Näille kuvakkeille SVG olisi parempi vaihtoehto. Katsotaanpa tarkalleen, miksi:
SVG on Vector Technology
Tämä tarkoittaa sitä, että se ei ole rasteriteknologiaa. Vektorikuvat ovat matematiikan avulla luotujen rivien yhdistelmä. Rasteritiedostot käyttävät pikseleitä tai pieniä värikenttiä. Tämä on yksi syy siihen, että SVG on skaalautuva ja täydellinen reagoiville verkkosivustoille, jotka on mitattava laitteen näytön koon mukaan. Koska vektorigrafiikka on olemassa matematiikan maailmassa, muuttaa kokoa, voit yksinkertaisesti muuttaa numeroita. Rasteritiedostot vaativat usein huomattavaa uudistusta kokoonpanon osalta. Kun haluat zoomata vektorikuvaan, ei ole vääristymiä, koska järjestelmä on matemaattinen, ja selain vain laskee matematiikan uudelleen ja tekee rivit niin sileiksi kuin koskaan. Kun suurennat rasterikuvaa, menetät kuvanlaadun ja tiedosto alkaa sumeudelta, kun alat nähdä nämä värisignaalit. Matema laajenee ja sopimukset, pikselit eivät. Jos haluat, että kuvat ovat itsenäisiä, SVG antaa sinulle tämän mahdollisuuden.
SVG on tekstipohjainen
Kun käytät grafiikkaeditoria kuvan tuottamiseen, ohjelma ottaa kuvan valmiista kuvistasi. SVG toimii eri tavalla. Voit silti käyttää joitain ohjelmia, ja mielestäsi piirrät kuvaa, mutta lopullinen tuote on kokoelma vektorilinjoja tai jopa sanoja (jotka ovat oikeastaan vain vektoreita sivulta). Hakukoneet katsovat sanoja, erityisesti avainsanoja. Jos lähetät JPG: n , rajoitat itseäsi graafisen ja ehkäpä tekstin lauseelle. SVG-koodauksella laajennat mahdollisuuksia ja luo kuvia, jotka ovat enemmän hakukoneystävällisiä.
SVG on XML ja toimii muissa kielimuodoissa
Tämä palaa tekstipohjaiseen koodiin. Voit tehdä peruskuvan SVG: stä ja käyttää CSS : ää kiillottaaksesi sitä. Kyllä, voit saada kuvan, joka on itse asiassa SVG-tiedosto, mutta voit myös koodata SVG: n suoraan sivulle ja muokata sitä tulevaisuudessa. Voit muokata sitä CSS: llä samalla tavalla kuin muokkaat sivutekstiä jne. Tämä on erittäin tehokas ja helpottaa muokkaamista.
SVG on helppo muokata
Tämä on luultavasti suurin etu. Kun otat kuvan neliöstä, se on mitä se on. Jos haluat tehdä muutoksen, sinun on nollattava kohtaus ja otettava uusi kuva. Ennen kuin tiedät sen, sinulla on 40 kuvaa neliöitä ja silti ei ole aivan oikein. SVG: n avulla, jos teet virheen, muuta koordinaatit tai sanat tekstieditorissa ja olet valmis. Voin liittyä tähän, koska piirsin SVG-ympyrän, jota ei ole sijoitettu oikein. Täytyy vain säätää koordinaatteja.
JPG-kuvat voivat olla raskaita
Jos haluat kuvan kasvavan fyysisessä koossa, se kasvaa myös tiedostokokoisena. SVG: n avulla punta on edelleen punta riippumatta siitä, kuinka suuri sinä teet sen. Neliö, joka on 2 tuumaa leveä, punnitsee saman kuin neliö, joka on 100 tuumaa leveä. Tiedoston koko ei muutu, mikä on erinomaista sivun suorituskyvyn näkökulmasta!
Joten Mikä on parempi?
Joten mikä on parempi muoto - SVG tai JPG? Tämä riippuu itse kuvasta. Tämä on kuin kysyä "mikä on parempi, vasara tai ruuvimeisseli?" Se riippuu siitä, mitä sinun tarvitsee tehdä! Sama pätee näille kuvamuodoille. Jos haluat näyttää valokuvan, JPG on paras valinta sinulle. Jos lisäät kuvaketta, SVG on todennäköisesti parempi vaihtoehto. Saat lisätietoja siitä, milloin on tarkoituksenmukaista käyttää SVG-tiedostoja täällä .
Alkuperäinen artikkeli Jennifer Krynin. Julkaisija Jeremy Girard 6/6/17