Miks kasutada JPG-vormingus SVG-faile

SVG eelised

Veebisaidi ülesehitamisel ja selle saidi piltide lisamiseks, üks kõige olulisemaid asju, mida peate kindlaks määrama, millised failivormingud on õiged, mida kasutada. Sõltuvalt graafist võib üks vorm olla palju parem kui teised.

Paljud veebidisainerid on JPG-failivorminguga rahul ning see formaat sobib sügavate värvide sügavusega piltidele, nagu fotod. Kuigi see formaat töötab ka lihtsa graafika jaoks, nagu illustreeritud ikoonid, ei ole see sobivam selles vormis. Nende ikoonide jaoks oleks SVG parem valik. Vaatame täpselt, miks:

SVG on vektoritehnoloogia

See tähendab, et see ei ole rastertehnoloogia. Vektorpildid on matemaatika abil loodud joonte kombinatsioon. Rasterifailid kasutavad piksleid või väikeseid värviruume. See on üks põhjus, miks SVG on skaleeritav ja ideaalne reageerivatele veebisaitidele, mis peavad ulatuma koos seadme ekraani suurusega. Kuna vektorgraafika eksisteerib matemaatika maailmas, muudavad selle suurust lihtsalt numbrite arvu. Rasterfailid vajavad suurt muutmist, kui tegemist on mõõtmetega. Kui soovite vektorpildi suumida, ei esine moonutusi, sest süsteem on matemaatiline ja brauser lihtsalt matemaatika ümber arvutab ja muudab read nii sujuvaks kui kunagi varem. Kui suurendate rasterpildi, kaotate pildikvaliteedi ja fail hakkab hägustuma, kui hakkate nägema neid värve piksleid. Matemaatika laieneb ja sõlmitakse, pikslid seda ei tee. Kui soovite, et teie pildid oleksid eraldusvõimega eraldatud, annab SVG teile selle võime.

SVG on tekstipõhine

Kui kasutate graafikakorrektuuri pildi saamiseks, võtab programm pildi teie lõpetatud kujundusest. SVG toimib erinevalt. Te saate ikka mõnda tarkvaraprogrammi kasutada ja tunnete, nagu oleksite pilt joonistanud, kuid lõplik toode on vektoreid või isegi sõnu (mis on tõesti lihtsalt vektorid lehel). Otsingumootorid otsivad sõnu, täpsemalt märksõnu. Kui laadite JPG-i , piirates end graafika pealkirjaga ja võib-olla alt-tekstisõnaga . SVG-kodeerimisega laiendate võimalusi ja loote pilte, mis on otsingumootori sõbralikud.

SVG on XML ja töötab muu keele vormingus

See läheb tagasi tekstipõhisele koodile. Saate luua oma baaskuju SVG-s ja kasutada selle lohistamiseks CSS-i . Jah, sul võib olla pildi, mis on tegelikult SVG-fail, kuid võite ka SVG-d kodeerida otse lehele ja seda hiljem muuta. Seda saab muuta CSS-iga samamoodi, nagu te muudaksite lehe teksti jne. See on väga võimas ja võimaldab hõlpsat redigeerimist.

SVG-d on lihtne redigeerida

See on ilmselt suurim eelis. Kui teete ruudu pildi, on see just see, mis see on. Muutmiseks peate stseeni lähtestama ja uue pildi tegema. Enne kui te seda teate, on sul 40 ruutu pilti ja ikka pole seda õigesti. SVG-ga, kui teete vea, muutke tekstitöötluses koordinaate või sõna ja olete valmis. Ma võin sellega seostada, sest ma tõmbasin SVG ringi, mis ei olnud õigesti positsioneeritud. Kõik, mida ma pidin tegema, oli kohandada koordinaate.

JPG-pildid võivad olla rasked

Kui soovite, et teie kuju kasvuks füüsilises suuruses, suureneb see ka failisuuruses. SVG-ga on nael ikka veel nael ükskõik kui suur see on. Ruut, mis on 2 tolli lai, kaalub sama ruudu, mis on 100 tolli lai. Faili suurus ei muutu, mis on suurepärane lehe jõudluse seisukohalt!

Mis on parem?

Mis on parem formaat - SVG või JPG? See sõltub kujutisest endast. See on nagu küsib: "Mis on parem, vasar või kruvikeeraja?" See sõltub sellest, mida peate saavutama! Sama kehtib ka nende pildivormingute kohta. Kui peate foto näitama, siis on JPG teie jaoks parim valik. Kui lisate ikooni, siis on SVG tõenäoliselt parem valik. Lisateavet leiate SVG-failide kasutamisest siin .

Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 6.6.17