Na buntáistí a bhaineann le Grafaicí Veicteoir Inscálaithe a úsáid
Tá ról tábhachtach ag Grafaicí Veicteoir Inscálaithe, nó SVG, i ndearadh na láithreán gréasáin inniu. Mura bhfuil tú ag baint úsáide as SVG faoi láthair i do chuid oibre dearaidh gréasáin, tá anseo roinnt cúiseanna ar chóir duit tosú ag déanamh amhlaidh, chomh maith le titim a úsáideann tú do bhrabhsálaithe níos sine nach dtacaíonn leis na comhaid seo.
Rún
Is é an leas is mó atá ag SVG neamhspleáchas réitigh. Toisc go bhfuil comhaid SVG grafaicí veicteora in ionad íomhánna raster picteilín-bhunaithe, is féidir iad a uasghrádú gan cailliúint ar aon íomhá a chailliúint. Tá sé seo go háirithe cabhrach nuair a chruthaíonn tú láithreáin ghréasáin sofhreagracha a gcaithfidh breathnú go maith agus go n-oibríonn siad go maith ar fud raon leathan de mhéideanna scáileáin agus feistí .
Is féidir comhaid SVG a scaipeadh suas nó síos chun freastal ar na riachtanais athraitheacha ar mhéid agus leagan amach do shuíomh gréasáin atá freagrúil agus ní gá duit a bheith buartha faoi na grafaicí sin a bhfuil caighdeán comhréiteach acu ar aon chéim den bhealach.
Méid an Chomhaid
Is é ceann de na dúshláin le húsáid raster (JPG, PNG, GIF) ar shuíomhanna gréasáin atá freagrach ná méid comhaid na n-íomhánna sin. Ós rud é nach ndéanann íomhánna raster scála ar an mbealach a dhéanann na veicteoirí, ní mór duit do chuid íomhánna picteilínbhunaithe a sheachadadh ar an méid is mó ar a mbeidh siad ar taispeáint. Tá sé seo mar is féidir leat íomhá a dhéanamh níos lú agus a chaighdeán a choinneáil i gcónaí, ach níl an rud céanna fíor le híomhánna a dhéanamh níos mó. Is é an toradh deiridh ná go bhfuil íomhánna agat go minic atá níos faide ná mar a léirítear iad ar scáileán duine, rud a chiallaíonn go bhfuil sé de dhualgas orthu comhad an-mhór a íoslódáil.
Téann SVG aghaidh ar an dúshlán seo. Ós rud é go bhfuil na grafaicí veicteora inathraithe, is féidir go mbeadh méideanna comhaid an-bheag beag beann ar an méid is mó a d'fhéadfadh na híomhánna a thaispeáint. Beidh tionchar dearfach ag seo ar fheidhmíocht iomlán an láithreáin agus luas a íoslódáil.
Styling CSS
Is féidir cód SVG a chur leis go díreach chuig HTML leathanach. Tugtar "inline SVG." Is é ceann de na buntáistí a bhaineann le húsáid SVG inlíne ná go bhfuil na grafaicí á dtarraingt i ndáiríre ag an mbrabhsálaí atá bunaithe ar do chód, ní gá iarratas HTTP a dhéanamh chun comhad íomhá a fháil. Is é an sochar eile gur féidir SVG inlíne a styled le CSS.
An bhfuil gá le dath deilbhín SVG a athrú? In ionad an íomhá sin a oscailt i bhfoirm bhogearraí eagarthóireachta agus a onnmhairiú agus an comhad a uaslódáil arís, is féidir leat an comhad SVG a athrú ach le cúpla líne CSS.
Is féidir leat stíleanna CSS eile a úsáid freisin ar ghrafaicí SVG chun iad a athrú ar stáit hover nó le haghaidh riachtanais deartha áirithe. Is féidir leat na grafaicí sin a bheocú chun roinnt gluaiseachta agus idirghníomhaíochta a chur le leathanach.
Beochana
Ós rud é gur féidir comhaid SVG inlíne a styled le CSS, is féidir leat beochan CSS a úsáid orthu chomh maith. Tá dhá bhealach éasca ag Trasfhoirmiú agus Aistrithe CSS chun roinnt beatha a chur le comhaid SVG. Is féidir leat eispéireas saibhir Flash a fháil ar leathanach gan dul i ngleic leis na sliseanna a thagann le húsáid Flash ar láithreáin ghréasáin inniu.
Úsáidí SVG
Chomh cumhachtach le SVG, ní féidir leis na grafaicí seo a chur in ionad gach formáid íomhá eile atá á úsáid agat ar do láithreán gréasáin. Ní mór go mbeadh grianghraif de dhíth domhain ar dhoimhneacht dhomhain fós ar JPG nó b'fhéidir comhad PNG, ach is cosúil go bhfuil íomhánna simplí cosúil le deilbhíní oiriúnach le SVG a fhorghníomhú.
Is féidir le SVG a bheith oiriúnach le haghaidh léaráidí níos casta, cosúil le suaitheantais chuideachta nó graif agus cairteacha. Bainfidh na grafaicí go léir tairbhe as a bheith inbhuanaithe, ar féidir iad a styled le CSS, agus na buntáistí eile atá liostaithe san airteagal seo.
Tacaíocht do Brabhsálaithe Scothaosta
Tá an tacaíocht reatha do SVG an-mhaith i mbrabhsálaithe gréasáin nua-aimseartha. Is iad na brabhsálaithe ach nach bhfuil tacaíocht acu i ndáiríre do na grafaicí seo ná leaganacha níos sine de Internet Explorer (Leagan 8 agus thíos) agus cúpla leagan níos sine de Android. Go léir, tá céatadán an-bheag den daonra brabhsála fós ag baint úsáide as na brabhsálaithe seo, agus leanann an líon sin ag crapadh. Ciallaíonn sé seo gur féidir SVG a úsáid go sábháilte go sábháilte ar láithreáin ghréasáin inniu.
Má tá tú ag iarraidh backback a sholáthar do SVG, is féidir leat úsáid a bhaint as uirlis cosúil le Grumpicon ón nGrúpa Filament. Glacfaidh an acmhainn seo do chuid comhad íomhá SVG agus déanfaidh sé titim PNG do bhrabhsálaithe níos sine.
Arna eagarthóireacht ag Jeremy Girard ar 1/27/17