Pam I ddefnyddio Ffeiliau SVG Yn hytrach na JPG

Manteision SVG

Wrth i chi adeiladu gwefan ac ychwanegu lluniau i'r safle hwnnw, un os yw'r pethau pwysicaf y mae'n rhaid i chi benderfynu a pha fformatau ffeil yw'r rhai cywir i'w defnyddio. Yn dibynnu ar y graffig, gall un fformat fod yn llawer gwell nag eraill.

Mae llawer o ddylunwyr gwe yn gyfforddus â fformat y ffeil JPG, ac mae'r fformat hon yn berffaith ar gyfer delweddau sydd â dyfnder lliw dwfn, fel ffotograffau. Er y byddai'r fformat hwn hefyd yn gweithio ar gyfer graffeg syml, fel eiconau darluniadol, nid dyma'r fformat gorau i'w defnyddio yn yr achos hwnnw. Ar gyfer yr eiconau hynny, byddai SVG yn well dewis. Gadewch i ni edrych yn union ar pam:

SVG yw Vector Technology

Mae hyn yn golygu nad yw'n dechnoleg raster. Mae delweddau'r fector yn gyfuniad o linellau a grëir gan ddefnyddio mathemateg. Mae ffeiliau Raster yn defnyddio picsel neu sgwariau lliw bach. Dyma un rheswm bod SVG yn gymharol ac yn berffaith ar gyfer gwefannau ymatebol y mae'n rhaid eu graddio ynghyd â maint sgrin y ddyfais. Oherwydd bod graffeg fector yn bodoli ym myd mathemateg, i newid y maint, rydych yn syml yn newid y rhifau. Yn aml, mae angen ailwampio sylweddol ar ffeiliau raster pan ddaw i sizing. Pan fyddwch chi eisiau chwyddo i mewn ar ddelwedd fector, nid oes unrhyw ymyriad oherwydd bod y system yn fathemateg ac mae'r porwr yn ail-gyfrifo'r math hwnnw o fathemateg ac yn rhoi'r llinellau mor llyfn ag erioed. Pan fyddwch yn chwyddo i mewn ar ddelwedd raster, byddwch chi'n colli ansawdd delwedd ac mae'r ffeil yn dechrau cael ffug wrth i chi ddechrau gweld y picseli hynny o liw. Mae mathemateg yn ehangu a chontractau, nid yw picsel yn gwneud. Os ydych am i'ch delweddau gael eu datrys yn annibynnol, bydd SVG yn rhoi'r gallu hwnnw i chi.

Mae SVG yn destun testun

Pan fyddwch chi'n defnyddio golygydd graffeg i gynhyrchu delwedd, mae'r rhaglen yn cymryd llun o'ch gwaith celf gorffenedig. Mae SVG yn gweithio'n wahanol. Gallwch barhau i ddefnyddio rhai rhaglenni meddalwedd a theimlo fel eich bod yn tynnu darlun, ond mae'r cynnyrch terfynol yn gasgliad o linellau fector neu hyd yn oed eiriau (sydd wir yn wir fectorau ar y dudalen). Mae peiriannau chwilio yn edrych ar eiriau, yn benodol keywords. Os ydych chi'n llwytho i fyny JPG , rydych chi'n cyfyngu eich hun i deitl eich gair graffig ac efallai yr ymadrodd testun alt . Gyda codio SVG, byddwch yn ehangu ar y posibiliadau a chreu delweddau sy'n fwy cyfeillgar i chwilio.

Mae SVG yn XML ac yn Gweithio o fewn Fformatau Iaith Arall

Mae hyn yn mynd yn ôl i'r cod yn seiliedig ar destun. Gallwch wneud eich delwedd sylfaenol yn SVG a defnyddio CSS i'w sgleinio. Oes, gallwch gael delwedd sy'n ffeil SVG mewn gwirionedd, ond gallwch hefyd godio'r SVG yn uniongyrchol i'r dudalen a'i golygu yn y dyfodol. Gallwch ei newid gyda'r CSS yr un ffordd y byddech chi'n newid testun tudalen, ac ati. Mae hyn yn bwerus iawn ac mae'n golygu bod modd golygu'n hawdd.

SVG Wedi ei Golygu'n Haws

Mae'n debyg mai dyma'r fantais fwyaf. Pan fyddwch yn cymryd darlun o sgwâr, dyna ydyw. I wneud newid, rhaid i chi ailosod yr olygfa a chymryd darlun newydd. Cyn i chi ei wybod, mae gennych chi 40 o ddelweddau o sgwariau ac nid yw'n dal i fod yn iawn. Gyda SVG, os gwnewch gamgymeriad, newidwch y cydlynu neu'r gair mewn golygydd testun, ac fe'ch gwneir. Gallaf gysylltu â hyn oherwydd tynnais gylch SVG nad oedd wedi'i leoli'n gywir. Y cyfan oedd rhaid i mi ei wneud oedd addasu'r cydlynynnau.

Gall Delweddau JPG fod yn drwm

Os ydych am i'ch delwedd dyfu mewn maint corfforol, bydd hefyd yn tyfu yn y maint ffeil. Gyda SVG, mae punt yn dal i gael punt, waeth pa mor fawr ydych chi'n ei wneud. Bydd sgwâr sy'n 2 modfedd o led yn pwyso'r un fath â sgwâr sy'n 100 modfedd o led. Nid yw maint y ffeil yn newid, sy'n ardderchog o safbwynt perfformiad tudalen!

Felly Pa Gwell?

Felly beth yw fformat well - SVG neu JPG? Mae hynny'n dibynnu ar y ddelwedd ei hun. Mae hyn fel gofyn "beth sy'n well, morthwyl neu sgriwdreifer?" Mae'n dibynnu ar yr hyn y mae angen i chi ei gyflawni! Mae'r un peth yn wir ar gyfer y ffurfiau delwedd hyn. Os oes angen i chi ddangos llun, yna JPG yw'r dewis gorau i chi. Os ydych chi'n ychwanegu eicon, yna mae SVG yn debyg o ddewis gwell. Gallwch ddysgu mwy am ba bryd y mae'n briodol defnyddio ffeiliau SVG yma .

Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 6/6/17