Milleks SVG-faile kasutatakse?

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

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.

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.

Saate teada järgmist.

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.

1994. aastal pakkus Hollandi tarkvaraarendaja Martijn Koster esmakordselt välja SVG-failivormingu.

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 toetab interaktiivsust skriptimiskeelte, näiteks JavaScripti kaudu, võimaldades dünaamilist ja kaasahaaravat graafikat.
SVG on XML-keel, mis võimaldab hõlpsat manipuleerimist ja integreerimist teiste veebitehnoloogiatega.

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.

Pärast Photoshopis pildi loomist vajutage nuppe File > Export > Export As (Fail > Ekspordi > Ekspordi nimega).
Klõpsake ilmunud boksis rippmenüüd Format (Vorming) ja valige SVG.
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.

Kuidas Illustratoris SVG-faili luua.

Järgige neid samme, kui kasutate Adobe Illustratorit.

Kui olete Illustratoris kunstiteose kokku pannud, valige tekst, et luua piirjooned. See aitab vältida fontide asendamise probleeme, kui vaatate oma kunstiteoseid teistes arvutites. Valige Type – Create Outlines (Tüüp – Loo piirjooned)
Salvestage fail, valides suvandid Select File > Save As (Vali fail > Salvesta nimega) Klõpsake ilmunud boksis rippmenüüd Format (Vorming) ja valige SVG.
Samuti saate muudetud SVG-faili eksportida, valides menüüst File > Export > Export As (Fail > Ekspordi > Ekspordi nimega) ja valides vorminguks SVG. See võimaldab teil kohandada ekspordiseadeid, nagu täpsus ja ühilduvus.

Kuidas Illustratoris SVG-faili redigeerida?

Valige fail ja avage oma SVG Illustratoris. Või saate SVG-faili oma olemasolevasse Illustratori dokumenti importida, kasutades menüüd File > Place (Fail > Paiguta).
SVG-s üksikute teede, kujundite või rühmade valimiseks kasutage valikutööriista (või otsese valiku tööriista). Saate muuta teede suurust, kuju, teisendada või redigeerida, lisada värve ja efekte.