CSS-sprites: inkcazelo ubuchule ezisisiseko kunye namacebo aluncedo

isiza Modern ukuba nkqi, nice kakuhle zombini kwinqanaba uphuhliso, yaye xa usebenza nge iklayenti. Njengomgaqo, zonke inkampani eyenza imithombo online, ufuna ukuba ubuso babo, ukuze zitsalele iindwendwe kunye zayo zoyilo, isimbo, ukuthembeka, isantya kunye nezinye iimpawu.

Iipropati Iluncedo kakhulu sprites

CSS-sprites unako ukuphucula zombini iimpawu ubunjani kwesiza kunye nomfanekiso yenkampani. Xa ezingundoqo zalo, loo nto akukho kakhulu nzima isixhobo yophuhliso, kodwa ngokwenene ikhawulezisa inkqubo kunye lwezibonelelo uphuhliso, kwaye isantya yomsebenzi wabo.

Phakathi kwezinye izinto, oku lula ikhowudi kunye, ngengqiqo ethile, oko eziphathwayo nezinye izinto, ngenxa yokuba le CSS-sprites ezisetyenziswayo ezifanayo njengoko kwezalamane ezisondeleyo, kuba unako ukusebenzisa iingcamango ezifanayo lomzobo, iziqalelo zoyilo style yababini, isakhiwo kunye nesiqulatho tag.

Ebudeni eqhelekileyo Uphuhliso lwesiza ukwenza oluninzi imifanekiso. Amaxesha amaninzi, ezi imifanekiso zithatha isithuba kancinane kakhulu, kodwa ifayile eyahlukileyo zisoloko. Kuba naliphi yokusebenza inkqubo nayiphi umncedisi ukuvula ifayile - lo msebenzi, ixesha elide, ngoko ke, kwahluka kakhulu ngokuphathelele kwixesha xa ifayile kuvulwa kwi-13 ngo-13 pixels, kwaye xa lwefayile kuvulwa ukususela imifanekiso 16 52 ngu 52 pixels. Kwimeko yokuqala, unefayile-16 no-16 evulekileyo / funda imisebenzi, kwimeko yesibini 16 imifanekiso iya kufunyanwa ngenxa yokuvulwa kwifayile enye kuphela.

Xa uyila iseti iifayile kwi kwisifundo (menu tyaba, iintlobo zencoko, izinto uyilo khalenda amaqhosha calculator ...) mifanekiso zinokudityaniswa evumayo bafudukela kwiindawo ngeendawo.

zisasuka

Xa kukho iifeni, frisky kakhulu Kucetyiswa ukuba basebenzise CSS sprites zimane abo abafunda ngenyameko mba yaye ibonisa ngokucacileyo ukuba kusoloko kunokwenzeka ukuba ukusebenza ngendlela yakudala.

Enyanisweni, xa kukho omnye efayile emifanekiso-16, endaweni ka-16 evulekileyo / funda imisebenzi ziya kuba omnye endaweni iifayile picture 16. Kodwa ke iqhinga kukuba umkhangeli ngasinye i cache, kwaye ewalayishayo into kuphela njengecebo lokugqibela. Ukongeza, ngokuqhelekileyo izinto page zilayishwe xa kuqala tyelela phepha, uze lolayisho kuphela.

Enye inkalo. Ngokuqhelekileyo, umfanekiso ziguyiwe, hayi unamathela yifayile eyodwa. Ngandlel 'ithile ukuba liqulunqe iteknoloji, kungcono ukuba athi, eli siko. UMyili kudala yezitshixo kunye layout usebenzisa alityatye: iziqwenga luyacolwa zakhutshwa le sebhodi. Elinye iqela sprites bakholelwa ukuba icholwa imifanekiso ezininzi kwifayile enye - odlayo umsebenzi, nto leyo eyandisa uyilo page iyonke.

Kukho abo ababhekisi bakholwayo nokwandisa inani HTTP-zicelo, ekholelwa ukuba lo msebenzi kokwenzekayo ngaphezu CSS-sprites.

Onke amaxesha ibonisa ngokuqinisekileyo kubalulekile, kodwa kubaluleke kakhulu ngumboniso ngakumbi, kufuneka isetyenziswe ngaphakathi kwemida efanelekileyo.

Ukufunyanwa okuzenzekelayo kunye CSS-Sprites

Ukuba ayenzi ingqiqo ukubaleka CSS Sprites generator kwaye ufumane inxalenye lasekunene yoyilo, ngoko akukho nto kuthintela ngokulula ukwenza le yinxalenye ngendlela eqhelekileyo. Ukuba technology yesiqhelo kwenza kube yimfuneko ukuba itshone amakhulu imifanekiso, oko Kukhethwa ukuba Bonisa i JavaScript-umsebenzi, nto leyo nangokunyanzelwa aya kuyinyula ukusuka kwindawo wacela sprite kwaye iwubonise.

Kufuneka kuqatshelwe ke, ukuba sprite ngayo izinto ezimbini okanye ezintathu, okanye elinesibini enye - konke kulungile, kodwa xa kwi sprite amakhulu imizobo, ezinye kunye nokubhala iingxaki JavaScript-umsebenzi, Kakade ke, akuyi kwenzeka, kodwa njani umsebenzi kuya kuthabatha ekuyilweni a sprite elikhulu enjalo ... Ukongeza, iglu imifanekiso - lo CSS sprite generator kwaye yenza umfanekiso oyifunayo, uze CSS-ikhowudi ngaso, akazange kobeka malini izinto usemthethweni weZiko sprite. kuvela iingxaki xa remaking uyilo isiza utshintsho, ukususwa kunye nokongezwa izinto ezintsha. Ukuphuhlisa sprite, kufuneka musa ukucinga ngendlela yokusebenzisa oko, yaye emva koko utshintshe ngayo.

inzuzo Subject yokusebenzisa sprites

Ngokungafaniyo CSS iilwimi udweliso, oku isethi static noko imithetho zonke nemiba yalo kumiselwe yimithetho kunye nesiqulatho zokusebenza (standard). Ukuqwalasela i sprites kwi entsonkothileyo, le HTML, le CSS unako ukwenza uyilo ezinezihloko esebenza ithala leencwadi.

Umzekelo, uguqulelo ogqityiweyo menu: xhuma nje ezininzi CSS-imithetho, ikloko yeyure eziyi-imisebenzi kwaye ziquka inani ikhowudi ye HTML-divs, ungafumana iziphumo. Ngokuguqula umxholo umfanekiselo sprite, uyakwazi ukutshintsha ekukhangelayo menu. Unganqakraza kwigama le umzimba msebenzi, uyakwazi ukunyenyisa functionality.

Fumana uhlobo yinqobo lwe into ebomini iinkqubo (OOP). Ngokuqinisekileyo, bekuya kuba ingcamango eqaqambileyo, kodwa akuyi kuba eqaqambileyo kakhulu ukuma nxamnye imvelaphi kwezinye iilwimi OOP, neziyelelane yokwenene. Kuyinto kuphela 90 ekuqaleni ', xa PLO uye waphila waza waba engaqhelekanga bafumane ngokukhawuleza indawo elangeni, luluvo ethile kunye uhlobo eziphathekayo yokuthetha wayo; kodwa ngoku ababhekisi phambili ndinyuke kunye iziyelelane ezininzi kubekho Russian ezahlukeneyo.

Toys - i enkulu ngenxa sprites

Uchulumanco kweenkqubo - amagama engahambelaniyo, kodwa lwenkqubo izakhono, ukubhala imidlalo, lwahluke obschebytovoy (Encryption elula) kunye nobuchule (uyilo nophuhliso zobuchwepheshe obutsha, iingcamango).

Game Design nezibheno yemizobo kumda wesangqa, kuba indibanisela SVG-sprites + CSS-imithetho kuphela imfuno, kodwa iba yenjongosenzi umbhekisi phambili (yesiza) ukuya into yokuba umdlalo ngokwenene. Ngokukodwa, umdlalo othandwayo Counter Strike isicelo ngokoMthetho sprites, isipreyi kakhulu lebyi ntonye: nokuphalazeka kwelifu, igazi, emehlweni ...

Ibinzana elithi 'ukubeka loo v34 sprite CSS "kuba umkhwetha Kuyinto eqhelekileyo noluqondakalayo. Sprites zifumaneka kuphela ngokusetyenziswa eluncedo, eneneni, kodwa bakha niche, nto leyo kakhulu ngokupheleleyo-mvo, efikelelekayo nekulula ukuyiqonda isangqa ezithile kwabathengi.

CSS-sprites: Umzekelo

ezahlukeneyo onokukhetha kuzo ulwimi oluthile batshintshele amaphepha kwisiza zisetyenziswa, kodwa ukuba umkhethi yolwimi enze njengoko i icon, umxube usebenzisa sprite usenokukhangeleka ngolu hlobo:

ethile ezicacileyo sprites

Okokuqala, oku kuthatha ixesha elide yaye inkqubo ngocoselelo. Kuyinto enye into - ukusika uyilo zibe ngamaqhekeza amancinci, kunye nezinye - ukuqokelela umfanekiso ezincinane ezininzi. Sebenzisa ingcamango ngelaphu uze uyibeke phezu yonke imifanekiso esetyenziswa kwisiza kulilize ngokupheleleyo.

Nokuba usebenzisa sprites CSS Generator, iingxaki ukuthintelwa, ingakumbi xa kuyimfuneko ukutshintsha uyilo. Yongeza kwi emashumini embalwa imifanekiso sprite - akukho nto kukho uluhlu lweziqalelo, kwimizobo kufuneka imizobo, oko kudla nje ebekwe kwiskrini, endaweni yokulungisa ikhowudi ibe uluhlu ukuze ufumane umba ekunene.

Standard kunye nabasunguli alandelayo ibango bakhe ukuba sprites ezinxulumene kunye imvelaphi nkqubo zisetyenziswa, oko kuphela umfanekiso ongasemva hayi element sayithi. Izinto Icandelo womzobo kwiphepha kufuneka alawule tag IMG.

Kunzima ukuba bavumelane ngezizathu elula ukuba xa imvelaphi ngokwaneleyo kwathathwa njenge yangasemva eqhelekileyo. Yinto nje imvelaphi, akunamsebenzi nokuba yintoni - into encinane okanye lonke iphepha.

Ngelo xesha, icandelo graphic amelwe eziyimiqobo emibi ukusetyenziswa sprites.

ukusebenzisa ngokuhlakanipha

Ngaphandle kwento yokuba elithi "ubuchwepheshe Internet" yaye "ubugcisa eliphezulu" kucingelwa ukuba ifane, enyanisweni, kuba ixesha elide kwaye ngamanye amaxesha kakhulu umsebenzi osezantsi-zobugcisa. Sprites abangekho banxibe kuthelekiswa eminye yemiqobo ekudalweni iinkqubo olunyulu JavaScript okanye PHP, ngokunjalo kuphuhliso eyimfuneko ukusebenza, ukumisela iinkqubo ze Iziza okanye iinkcukacha, ezifana yangasemva ukudala iikopi archive.

Power kunye amathuba ukusetyenziswa kweenkqubo zolawulo umxholo badla angabekwa bokuqonda isicelo zazo zepraktikhali, kunye nophuhliso manual lwezibonelelo, njengoko umgaqo, kukhokelela nemfuneko yokuba ixesha 1001st ubhale enye okanye enye algorithm nokuphathelene.

Kule meko, kubalulekile ukuba umane afanelekileyo ukusebenzisa konke inikeza isixhobo mihla. Musa kuba nomdla kakhulu ukuba usebenzise omnye phezu komnye, kwaye ulawulo yegolide ekwakheni kwisayithi ifundeka ngolu hlobo lulandelayo: kufuneka eningalikhumbuleliyo kugqitha ngayo umsebenzi ngokukhawuleza kangangoko kunokwenzeka, yaye ukuba benze njani na ukuze nayiphi na imeko ezingenakubonwa ngokukhawuleza isonjululwe nayiphi na ingxaki.