SVG-failid.

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.

SVG marquee image

Mis on SVG-fail?

Scalable Vector Graphics (SVG) on veebisõbralik vektorfailivorming. Vastupidiselt pikslipõhisele rasterfailile, nagu JPEG, talletavad vektorfailid pilte matemaatiliste valemitega, mis põhinevad ruudustikul olevatel punktidel ja joontel. 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-failide 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.

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.

SVG-failide eelised ja puudused.

Enne piltide selles failivormingus salvestamist lugege SVG eeliste ja puuduste kohta.

SVG-failide eelised.

  • Vastupidiselt rasterfailidele, mis koosnevad pikslitest, säilitab vektorgraafika, nagu SVG, alati oma eraldusvõime – olenemata sellest, kui suur või väike see on. Te ei pea muretsema, et SVG-pilt kaotab kvaliteeti mõnes brauseris või mastaapimisel, et kuvada seda erinevates kohtades.
  • Tavalised SVG-failid on väiksemad kui rasterpildid, mis koosnevad paljudest värvipikslitest, mitte matemaatilistest algoritmidest.
  • Kuna SVG-failid võtavad teksti tekstina (mitte kujundusena), suudavad ekraanilugerid skannida kõik SVG-failide sõnad. See on väga kasulik inimestele, kes vajavad veebisaidi lugemisel abi. Otsingumootorid suudavad samuti lugeda ja indekseerida SVG-pildi teksti.

SVG-failide puudused.

  • SVG-failid sobivad suurepäraselt veebigraafika, nagu logode, illustratsioonide ja tabelite, loomiseks. Siiski ei saa nendega kuvada kvaliteetseid digifotosid, sest neil puuduvad pikslid. JPEG-failid on üldiselt üksikasjalike fotode tegemiseks paremad.
  • SVG-pilte toetavad ainult tänapäevased brauserid. SVG-faile võib olla keeruline kasutada Internet Explorer 8 ja vanemate brauseritega.
  • SVG-piltides olev kood võib olla keeruline, kui te pole varem selle failivorminguga kokku puutunud.

Kuidas avada SVG-faili?

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 valikul File (Fail)

Avage, 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.

Kuidas luua ja töödelda SVG-faili?

Järgige neid samme, kui kasutate Adobe Photoshopi.

  1. Pärast Photoshopis pildi loomist vajutage nuppe File > Export > Export As (Fail > Ekspordi > Ekspordi nimega).
  2. Klõpsake ilmunud boksis rippmenüüd Format (Vorming) ja valige SVG.
  3. Klõpsake valikul Export All (Ekspordi kõik) ja salvestage fail.

Märkus: kuna Photoshop on rastergraafika töötlusprogramm, eelistavad paljud töödelda ja luua SVG-faile Adobe Illustratoris, mis on vektorgraafika töötlusprogramm.

SVG: korduma kippuvad küsimused.

Mis on SVG-fail?

Scalable Vector Graphics (SVG) on veebisõbralik vektorfailivorming. Vastupidiselt pikslipõhisele rasterfailile, nagu JPEG, talletavad vektorfailid pilte matemaatiliste valemitega, mis põhinevad ruudustikul olevatel punktidel ja joontel. 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.

Milleks SVG-faile kasutatakse?

Scalable Vector Graphics on viimasel ajal kõvasti arenenud – kuid milleks SVG-sid praktikas kasutatakse?

Veebisaidi ikoonid ja logod.

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.

Infograafika ja illustratsioonid.

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

Kas SVG-d toetavad animatsiooni?

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.

Mille järgi ma SVG-faili ära tunnen?

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.

Kas SVG-faile saab kasutada ainult veebis?

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.

Kui suured on SVG-failid?

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.

Mille poolest erinevad SVG- ja PNG-failid?

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.

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/express-blade

Lisateave SVG-ga sarnaste failitüüpide kohta.

PNG file image

PNG-failid

Uurige teise populaarse veebigraafika ja -logode vormingu kohta.

JPEG file image

JPEG-failid

Uurige, miks luuakse JPEG-faile, mis sisaldavad keerulisi digifotosid.

HEIC file image

HEIC-failid

Uurige Apple’ist selle uue rasterfaili kohta.

AI file image

AI-failid

Tutvuge Adobe Illustratori jaoks arendatud vektorvorminguga.

Võrrelge SVG-faile teiste failitüüpidega.

SVG vs PNG file image

SVG vs. PNG

Kumb failivorming on veebikujunduses parem?

SVG vs EPS file image

SVG vs. EPS

Uurige nende printimismandaatide kohta lähemalt.

https://main--cc--adobecom.hlx.page/cc-shared/fragments/discovery-hub/products-photoshop-segment-blade