SVG-failivorming on populaarne tööriist kahemõõtmeliste graafika, tabelite ja illustratsioonide jagamiseks veebisaitidel. Lisaks saab seda vektorfailina üles või alla mastaapida ilma eraldusvõimet kaotamata. Tutvuge SVG-piltide põhifunktsioonidega, nende eeliste ja puudustega ning vaadake, kuidas SVG-vorming on arenenud.
Scalable Vector Graphics (SVG) on veebisõbralik vektorfailivorming. Vastupidiselt pikslipõhisele rasterfailile, nagu JPEG, talletavad vektorfailid pilte matemaatiliste valemitega, mis põhinevad punktidel ja ruudustikujoontel. See tähendab, et vektorfaile, nagu SVG-d, võib mastaapida korduvalt ilma kvaliteeti kaotamata, mistõttu sobivad need suurepäraselt logode ja keeruliste veebigraafikate loomiseks.
SVG-de populaarsus veebidisainerite seas ei põhine ainult nende mastaapimise võimekusel. SVG-d on kirjutatud XML-koodis, mis tähendab, et need talletavad igat tekstiteavet otsese tekstina, mitte kujunditena. See laseb otsingumootoritel, nagu Google, lugeda SVG-graafikat märksõnade jaoks, mis aitab liigutada veebisaite otsingujärjestuses ülespoole.
Tunnete SVG-faili ära selle .svg laiendi järgi.
SVG-faili ajalugu ulatub 1990. aastatesse, kui veebikonsortsium (W3C) palus arendajatelt ettepanekuid uue vektorgraafika vormingu loomiseks. Esitati kuus ettepanekut ning need aitasid luua vormingu, millest hiljem arenes välja W3C SVG-vorming.
SVG-del võttis aega, et saada populaarseks. Enne 2017. aastat toetati neid üsna vähe, kuid inimesed hakkasid nägema SVG-de kasutamise eeliseid tänapäevastes veebibrauserites. SVG-faile kasutatakse nüüd laialdaselt veebisaitide 2D-piltides, sest enamik brausereid ja vektorfailide joonistamisrakendusi suudavad neid käsitleda.
Scalable Vector Graphics on viimasel ajal kõvasti arenenud – kuid milleks SVG-sid praktikas kasutatakse?
Disainerid kasutavad tihti SVG-sid veebisaitide ikoonide, nagu nuppude ja ettevõtete logode, kuvamiseks. Failitüübi võimekus mastaapida pilte üles või alla ilma kvaliteeti kahjustamata tähendab, et need sobivad suurepäraselt graafikate loomiseks, mida on vaja erinevates suurustes ja kohtades.
Tänu SVG-failide XML-idele suudavad otsingumootorid, nagu Google, lugeda tekstirohkeid tabeleid ja graafikat, mis võib aidata optimeerida otsingumootoreid. Kuna Google suudab tuvastada SVG-st märksõnu, võib veebisait selle tulemusel tõusta otsingutulemuste järjestuses. Lisaks toetab SVG animatsioone, et muuta veebisaidid veelgi huvitavamaks.
Tutvuge rohkemate vektorfailidega
Enne piltide selles failivormingus salvestamist lugege SVG eeliste ja puuduste kohta.
Kõik suured brauserid, nagu Chrome, Edge, Safari ja Firefox, suudavad avada SVG-faile – olgu siis Macis või Windowsis. Lihtsalt käivitage oma brauser ja klõpsake nuppe Fail > Ava, et valida fail, mida soovite vaadata. Seejärel kuvatakse see teie brauseris.
SVG-pildi avamine arvutisse sisseehitatud programmiga on sama lihtne. Tehke faili nimele topeltklõps ja teile kuvatakse programmide loend, mis seda faili saavad avada – või avatakse see ühilduvas programmis automaatselt.
Järgige neid samme, kui kasutate Adobe Photoshopi.
Märkus: kuna Photoshop on rastergraafika töötlusprogramm, eelistavad paljud töödelda ja luua SVG-faile Adobe Illustratoris, mis on vektorgraafika töötlusprogramm.
SVG-failivorming pole mõeldud ainult liikumatute piltide jaoks. Tutvuge erinevate veebipõhiste tööriistadega, mis aitavad lisada veebigraafikasse liikuvaid elemente. SVG-animatsioonid võivad olla üsna algelised elemendid, nagu liuguri funktsioon, et liigutada infograafika erinevaid slaide. Illustratsioone saab samuti liikuma panna, näiteks kella sihverplaat, millel osutid liiguvad.
SVG-faili tunnete kõige lihtsamini ära, kui vaatate selle laiendit. SVG-fail on .svg. Vektorfaile, nagu SVG, tunneb ära ka selle järgi, kui suurendate neid 200% või rohkem. Vektorpildil jäävad jooned selged ja värvid kenad ega muutu pikseldatuks või uduseks.
Kuigi SVG-pilte kasutatakse peamiselt veebis, saab neid kasutada ka veebiväliselt. Kuna need ei muutu mastaapimisel moondunuks, on SVG-failid kasulikud riietele (nt T-särkidele) printimise mallidena. JPEG-faili, mis koosneb rohketest pikslitest, ei saa nii ilusasti edastada.
SVG-faili suurus sõltub sellest, kui palju pildiandmeid see sisaldab, kuid see on üldiselt väiksem kui teistel failitüüpidel. Keeruline graafika, kus on palju teid ja ankrupunkte, võtab rohkem salvestusruumi kui lihtsamad ja selgemad kujundused. Püüdke minimeerida oma failis keerulisi juhiseid.
Kokkuvõtlikult on SVG-d vektorfailid, kuid PNG-d on rasterfailid. Kui te venitate PNG-faili liiga palju või surute liiga väikeseks kokku, muutub see uduseks ja pikseldatuks. SVG-d ei koosne pikslitest ning ei kaota seetõttu ka eraldusvõimet. Lisaks ei toeta PNG-d animatsioone.
Uurige teise populaarse veebigraafika ja -logode vormingu kohta.
Uurige, miks luuakse JPEG-faile, mis sisaldavad keerulisi digifotosid.
Uurige Apple’ist selle uue rasterfaili kohta.
Tutvuge Adobe Illustratori jaoks arendatud vektorvorminguga.
Kumb failivorming on veebikujunduses parem?
Uurige nende printimismandaatide kohta lähemalt.
Hankige kogu loomerakenduste kollektsioon ja veel palju muud.
7 päeva tasuta, siis 62,47 € kuus