Izinzuzo zokusebenzisa i-Scalable Vector Graphics
I-Scalable Vector Graphics, noma i-SVG, idlala indima ebalulekile ekwakheni iwebhusayithi namhlanje. Uma okwamanje ungasebenzisi i-SVG emsebenzini wakho wokuklama wewebhu, nansi ezinye zezizathu zokuthi kungani kufanele uqale ukwenza kanjalo, kanye nokuhluleka ongayisebenzisa kuziphequluli ezindala ezingasisekeli lawa mafayela.
Isixazululo
Inzuzo enkulu yeSVG isinqumo sokuzimela. Ngenxa yokuthi amafayela we-SVG angamafayili we-vector kunemifanekiso ye-raster esekelwe ema-pixel, angakwazi ukuguqulwa kabusha ngaphandle kokulahlekelwa noma yikuphi ikhwalithi yesithombe. Lokhu kuyasiza kakhulu uma udala amawebhusayithi aphendulayo adinga ukubukeka okuhle futhi asebenze kahle kunoma yikuphi ububanzi bezinkrini namadivayisi .
Amafayela we-SVG angafakwa phezulu noma phansi ukuze afane nesayizi eguqukayo nezidingo zewebhusayithi yakho ephendulayo futhi akudingeki ukhathazeke ngalezo zithombe eziba nekhwalithi ephathekayo noma yisiphi isinyathelo endleleni.
Usayizi Wefayela
Enye yezinselele ngokusebenzisa izithombe ze-raster (JPG, PNG, GIF) kumawebhusayithi aphendulayo yizayizi zefayela lezozo zithombe. Ngenxa yokuthi izithombe ze-raster azikali ngendlela i-vector eyayenza ngayo, udinga ukuhambisa izithombe zakho ezisuselwa kumaphikseli ngobukhulu obukhulu lapho bazoboniswa khona. Lokhu kungenxa yokuthi ungenza njalo isithombe sincane futhi ugcine ikhwalithi yaso, kodwa okufanayo akukona ukwenza izithombe zikhudlwana. Umphumela wokuphela wukuthi uvame ukuba nemifanekiso emikhulu kunokuba iboniswe esikrinini somuntu, okusho ukuthi baphoqeleka ngokungadingekile ukulanda ifayela elikhulu kakhulu.
I-SVG ikhuluma ngale nselele. Ngenxa yokuthi ihluzo ze-vector ziyingozi, ungaba nobukhulu befayela obukhulu kakhulu kungakhathaliseki ukuthi lezo zithombe zingadingeka kanjani ukuboniswa. Lokhu kuzobe nomthelela omuhle ekusebenzeni jikelele kwesayithi nokulanda isivinini.
I-CSS Styling
I-SVG ikhodi ingabuyekezwa ngqo ku-HTML yekhasi. Lokhu kwaziwa ngokuthi "i-SVG encane." Enye yezinzuzo zokusebenzisa i-inline SVG yukuthi kusukela ihluzo zikhishwa ngempela yisiphequluli ngokusekelwe kukhodi yakho, asikho isidingo sokwenza isicelo se-HTTP ukulanda ifayela lesithombe. Enye inzuzo yilokho i-SVG encane ingafakwa nge-CSS.
Udinga ukushintsha umbala wesithonjana se-SVG? Esikhundleni sokudinga ukuvula leso sithombe ngohlobo oluthile lwesofthiwe yokuhlela nokuthekelisa futhi ulayishe ifayela futhi, ungamane uguqule ifayela le-SVG ngemigqa embalwa ye-CSS.
Ungasebenzisa futhi ezinye izitayela ze-CSS kumahluzo we-SVG ukuze uziguqule emazweni we-hover noma ngezidingo ezithile zokuklama. Ungakwazi ngisho nokukhipha lezo zithombe zehluzo ukwengeza ukunyakaza nokusebenzisana ekhasini.
Izithombe
Ngenxa yokuthi amafayela we-SVG angaphakathi angabhalwa nge-CSS, ungasebenzisa izithombe ze-CSS kuzo. I-CSS iguqula futhi ishintshe izindlela ezimbili ezilula zokwengeza impilo eminye kumafayela we-SVG. Ungathola okuhlangenwe nakho okuhle okufana ne-Flash ekhasini ngaphandle kokunciphisa ukwehla okuza nokusebenzisa i-Flash kumawebhusayithi namuhla.
Ukusetshenziswa kwe-SVG
Njengoba unamandla njenge-SVG, lezi zithombe ezihluziwe azikwazi ukushintsha zonke ezinye izinhlobo zesithombe oyisebenzisayo kuwebhusayithi yakho. Izithombe ezidinga ukujula kombala ojulile kuzodingeka zibe ifayela le-JPG noma mhlawumbe i-PNG, kodwa izithombe ezilula ezinjengezithonjana zifaneleke ngokuphelele ukubulawa njenge-SVG.
I-SVG ingaba efanelekile emifanekisweni eyinkimbinkimbi, njengama-logos ezinkampani noma amagrafu namashadi. Zonke ihluzo zizozuza ngokuzikhandla, ezikwazi ukubhalwa nge-CSS, nezinye izinzuzo ezibalwe kulesi sihloko.
Ukusekela Abaphequluli Abadala
Ukusekelwa kwamanje kwe-SVG kuhle kakhulu kuziphequluli zewebhu zanamuhla. Iziphequluli kuphela ezingenalo ukusekelwa kwala mahluzo yizinguqulo ezindala ze-Internet Explorer (I-Version 8 nangaphansi) nezinguqulo ezimbalwa ze-Android. Konke kukho, iphesenti elincane kakhulu labantu abapheqululayo lisasebenzisa lezi ziphequluli, futhi leyo nombolo iyaqhubeka iyancipha. Lokhu kusho ukuthi i-SVG ingasetshenziswa kahle ngokuphepha kumawebhusayithi namuhla.
Uma ufuna ukuhlinzeka nge-backback ye-SVG, ungasebenzisa ithuluzi elifana no-Grumpicon kusukela ku-Filament Group. Lo mthombo uzothatha amafayela wakho we-SVG wesithombe bese udala ukuhluleka kwe-PNG kumaphequluli amadala.
Ihlelwe nguJeremy Girard ngomhla ka-1/27/17