Umhlahlandlela Wokuthuthukisa Isithombe Sewebhu
Umhlahlandlela ophelele wokukusiza uqonde umhlahlandlela wokwenza izithombe zewebhu.
Ukuqonda Amafomethi Wezithombe Zewebhu
Ukukhetha ifomethi yesithombe efanele kuyisisekelo sokuthuthukisa iwebhu. Ifomethi ngayinye inezinjongo ezihlukene futhi inikeza izinzuzo ezihlukile. I-JPEG ilungele izithombe nezithombe eziyinkimbinkimbi ezinemibala eminingi, enikeza izilinganiso zokuminyanisa ezinhle kakhulu kodwa ngezindleko zokulahlekelwa. I-PNG ihamba phambili ezithombeni ezinokukhanyela, imiphetho ebukhali, namaphalethi emibala alinganiselwe, okuyenza ifanelekele amalogo nezithombe, nakuba osayizi bamafayela bevame ukuba bakhulu. I-WebP imele isizukulwane esilandelayo sezithombe zewebhu, ehlinzeka ngokucindezelwa okuphezulu uma kuqhathaniswa kokubili i-JPEG ne-PNG kuyilapho igcina ikhwalithi ephezulu. Isekela kokubili ukucindezela okulahlekile nokungalahleki, obala, nokugqwayiza. Kodwa-ke, ukusekelwa kwesiphequluli, nakuba kubanzi, akukhona konke. I-AVIF yintsha nakakhulu, ihlinzeka ngezinga lokuminyanisa elingavamile elifika ku-50% elincane kune-JPEG, kodwa ukutholwa kwesiphequluli kusakhula. Ngemifanekiso yevekhtha efana namalogo, izithonjana, nemifanekiso elula, i-SVG ayinakuhlulwa. Njengefomethi ye-vector, izithombe ze-SVG zikala ngokungenamkhawulo ngaphandle kokulahlekelwa yikhwalithi futhi ngokuvamile ziba nosayizi bamafayela amancane. Ziyakwazi futhi ukuhlelwa ngekhodi nokusekela ukusebenzisana, okuzenza zibe nezinto ezihlukahlukene ngendlela emangalisayo ekwakhiweni kwewebhu yesimanje.
- I-JPEG: Ilungele izithombe nezithombe eziyinkimbinkimbi
- I-PNG: Ilungele ihluzo ezinokucaca nemiphetho ebukhali
- I-WebP: Ifomethi yesimanje enokucindezela okuphezulu
- I-AVIF: Ifomethi entsha kakhulu enokucindezela okukhethekile
- I-SVG: Ilungele ihluzo ze-vector nezithonjana ezingaka
Amasu okucindezela isithombe kanye nezilungiselelo zekhwalithi
Ukuqonda ukuminyaniswa kubalulekile ekulinganiseni ikhwalithi yesithombe nosayizi wefayela. Ukucindezela okulahlekile, okusetshenziswa amafomethi afana ne-JPEG, kususa unaphakade idatha yesithombe ukuze kwehliswe usayizi wefayela. Okubalulekile ukuthola indawo emnandi lapho ukuminyanisa kukhuliswa kuyilapho kugcinwa ikhwalithi yokubukwa eyamukelekayo. Ezithombeni eziningi zewebhu, ukulungiselelwa kwekhwalithi ye-JPEG phakathi kuka-75-85% kunikeza ibhalansi enhle kakhulu, nakuba lokhu kungahluka ngokusekelwe kokuqukethwe kwesithombe. Ukucindezela okungenakulahlekelwa, okusetshenziswa i-PNG nezinye izithombe ze-WebP, kunciphisa usayizi wefayela ngaphandle kokulahlekelwa yikhwalithi. Nakuba lokhu kuzwakala kukuhle, amafayela angalahleki ngokuvamile amakhulu kakhulu kunozakwabo abalahlekile. Lokhu kwenza ukuminyanisa okungalahleki kuzilungele kangcono izithombe lapho ikhwalithi ibaluleke kakhulu, njengezithombe zomkhiqizo we-e-commerce noma izithombe ezizobuye zihlelwe. Amasu okucindezela okuthuthukisiwe ahlanganisa ukulayisha kwe-JPEG okuqhubekayo, okubonisa izithombe ekwandiseni ukudlula kwekhwalithi, kanye nokusampula kwe-chroma, okunciphisa ulwazi lombala amehlo omuntu angazweli kakhulu kulo. Amathuluzi esimanje aphinde anikeze ukuthuthukiswa kokubona, ukulungisa ukucindezelwa okusekelwe kulokho iso lomuntu elikuqaphela kakhulu, ngokuvamile ukuzuza imiphumela engcono kunezilungiselelo zekhwalithi evamile.
Ukulungiswa Nokuthuthukiswa Kwesithombe Esisabelayo
Idizayini yesimanjemanje yewebhu idinga izithombe ezibukeka zicacile kuyo yonke into kusukela kuma-smartphones kuya kumamonitha e-4K. Ukhiye ukuqonda ukuminyana kwephikseli namandla edivayisi. Isithombe esibanzi esingu-1200px singase silungele ukubukwa kwedeskithophu, kodwa sidlula isikrini seselula esingu-375px, simosha umkhawulokudonsa kanye nezikhathi zokulayisha ezihamba kancane. Ukudala osayizi bezithombe abaningi kuqinisekisa ukuthi idivayisi ngayinye ithola usayizi ofanele wesithombe. Izithombe eziphendulayo zisebenzisa isibaluli se-srcset se-HTML kanye nengxenye yesithombe ukunikeza izithombe ezihlukene ngokusekelwe kusayizi wesikrini nokulungiswa. Le nqubo inganciphisa ukukhokhelwa kwesithombe ngo-50% noma ngaphezulu kubasebenzisi beselula. Isibonelo, ungase unikeze isithombe esingu-400px kumadivayisi eselula, 800px kumathebulethi, kanye ne-1200px kuzikrini zedeskithophu. Izikrini eziminyene kakhulu njengezikrini ze-Retina zidinga izithombe ezinokulungiswa okungu-2x ukuze zibukeke kahle. Usayizi wesithombe kufanele futhi ucabange ubukhulu bangempela bokuboniswa kuwebhusayithi yakho. Isithombe esiboniswe ngobubanzi obungu-300px asikho isidingo sokuthi sibe nobubanzi obungu-1200px, ngokunganaki isikrini somsebenzisi. Hlala ulungiselela izithombe ngosayizi wazo wangempela wokuboniswa, futhi ucabange ukusebenzisa i-CSS ukuze ubambe isikali esincane kunokuphakela izithombe ezinkulu kakhulu.
Umthelela Wokusebenza kanye Namasu Okulayisha
Izithombe zithinta kakhulu ukusebenza kwewebhusayithi, ngokuvamile zimele u-50-70% wesamba sesisindo sekhasi. Izithombe ezinkulu, ezingalungiselelwe kahle ziphakathi kwezimbangela eziyinhloko zokulayisha kancane amawebhusayithi, ezithinta ngokuqondile ulwazi lwabasebenzisi kanye namazinga enjini yokusesha. Njalo ngesekhondi elingeziwe lesikhathi sokulayisha lingakhuphula izilinganiso zokugxuma kufika ku-32%, okwenza ukulungiselelwa kwesithombe kube ukucatshangelwa okubalulekile kwebhizinisi. Ukulayisha okuvilaphayo kuyindlela enamandla ebambezela ukulayishwa kwesithombe kuze kube yilapho sezizongena endaweni yokubuka. Lokhu kuzithuthukisa kakhulu izikhathi zokulayisha ikhasi lokuqala, ikakhulukazi amakhasi asindayo sesithombe. Iziphequluli zesimanje zisekela ukulayisha okuvilaphayo ngesibaluli sokulayisha=”ukuvilapha”, kuyilapho imitapo yolwazi ye-JavaScript ihlinzeka ngokulawula okuthuthuke kakhulu nokusekelwa kwesiphequluli okubanzi. Amasu okulayisha kuqala isithombe angaphinda athuthukise ulwazi lomsebenzisi. Izithombe ezibucayi ezingenhla kufanele zithuthukiswe ukuze zilayishwe ngokushesha, kuyilapho izithombe ezingezansi zingalayishwa ngobuvila. Cabangela ukusebenzisa izimeli zesithombe zekhwalithi ephansi (i-LQIP) noma imithelela yokufiphalisa ukuya ebukhali ukuze unikeze impendulo esheshayo ebonakalayo ngenkathi izithombe ezinokulungiswa okugcwele zilayisha. Umbhalo wekhodi we-JPEG oqhubekayo uvumela izithombe ukuthi zivele ngokushesha ngekhwalithi ephansi, bese zicija njengokulayishwa kwedatha eyengeziwe.
Ukucatshangelwa kwe-SEO nokufinyeleleka
Izinjini zokusesha zibheka isivinini sekhasi njengento esezingeni, okwenza ukuthuthukiswa kwesithombe kubaluleke kakhulu empumelelweni ye-SEO. Izithombe ezilungiselelwe kahle zisiza amakhasi ukuthi alayishe ngokushesha, okunikela ezilinganisweni ezingcono zosesho nolwazi lomsebenzisi. Ukwengeza, amagama wamafayela ezithombe nombhalo we-alt kunikeza umongo obalulekile ezinjinini zokusesha, okusiza okuqukethwe kwakho kuvele emiphumeleni yosesho yezithombe. Ukufinyelela kudinga omunye umbhalo ocatshangelwayo ochaza okuqukethwe kwesithombe kubafundi besikrini nabasebenzisi abangaboni kahle. Omunye umbhalo kufanele ube ochazayo kodwa ube mfushane, uchaze ukuthi yini esesithombeni kanye nenjongo yawo kumongo. Ngezithombe zokuhlobisa ezingangezi inani lolwazi, sebenzisa izibaluli ze-alt ezingenalutho (alt=””) ukuze uvimbele izifundi zesikrini ekuzimemezeleni kungenasidingo. Idatha ehleliwe kanye nemakhaphu ye-schema ingathuthukisa indlela izinjini zokusesha eziqonda ngayo futhi zibonise izithombe zakho. Amamephu esayithi ezithombe afanele asiza izinjini zokusesha zithole futhi zikhombe izithombe zakho ngempumelelo kakhulu. Izimiso zokuqamba amagama kufanele zibe nencazelo futhi zinothe ngamagama angukhiye uma kufanele, kugwenywe amagama ajwayelekile njengokuthi “image1.jpg” ukuze avune amagama achazayo afana ne-“red-running-shoes-front-view.jpg”.
Okuthathwayo Okubalulekile
Khetha Ifomethi Elungile
Amafomethi ezithombe ahlukene ahamba kahle ezimeni ezahlukene. Ukufanisa ifomethi nohlobo lokuqukethwe kukhulisa ukusebenza kahle kokuminyanisa.
- Sebenzisa i-JPEG yezithombe nezithombe eziyinkimbinkimbi
- Khetha i-PNG yezithombe ezibonisa ngale
- Cabangela i-WebP ukuze uthole ukucindezela okungcono kuzo zonke izinhlobo zezithombe
Izilungiselelo Zokucindezela Okuyinhloko
Ukuthola ibhalansi efanele phakathi kwekhwalithi nosayizi wefayela kubalulekile ekusebenzeni kwewebhu ngaphandle kokudela isikhalazo esibonakalayo.
- Khomba ikhwalithi engu-75-85% yezithombe eziningi ze-JPEG
- Sebenzisa ukucindezela okungalahleki kuphela uma ikhwalithi ibalulekile
- Hlola izilungiselelo ezihlukene ukuze uthole ibhalansi ephelele
Sebenzisa Izithombe Eziphendulayo
Ukunikeza izithombe ezinosayizi abafanele kumadivayisi ahlukene kunciphisa ukusetshenziswa komkhawulokudonsa futhi kuthuthukisa izikhathi zokulayisha kakhulu.
- Dala osayizi bezithombe abaningi bosayizi abahlukene besikrini
- Sebenzisa i-srcset nezinto zesithombe ukuze ulethelwe impendulo
- Cabangela ukuminyana kwephikseli ngezibonisi ezinokulungiswa okuphezulu
imibuzo ejwayelekile ukubuzwa
Imuphi usayizi wefayela ofanele wezithombe zewebhu?
Ayikho impendulo elingana konke, kodwa ngokuvamile ihlose ngaphansi kuka-100KB ezithombeni eziningi, ngaphansi kuka-20KB ngezithombe ezincane, nangaphansi kuka-1MB ngezithombe ezinkulu zamaqhawe. Ukhiye ukulinganisa ikhwalithi nesivinini sokulayisha ngokusekelwe ekubalukeni kwesithombe nosayizi wokuboniswa.
Ingabe kufanele ngisebenzise i-WebP kuzo zonke izithombe zami zewebhusayithi?
I-WebP inikeza ukucindezelwa okuhle kakhulu kanye nekhwalithi, kodwa kufanele uyisebenzise ngokubuyela emuva ku-JPEG noma i-PNG yeziphequluli ezindala. Sebenzisa isici sesithombe noma ukutholwa kohlangothi lweseva ukuze unikeze i-WebP ekusekeleni iziphequluli kuyilapho ugcina ukuhambisana.
Ngizilungiselela kanjani izithombe ngaphandle kokulahlekelwa ikhwalithi?
Sebenzisa amathuluzi okucindezela angalahleki, khetha amafomethi afanelekile (i-PNG yezithombe, i-JPEG yezithombe), futhi ushintshe usayizi wezithombe zibe ubukhulu bazo bangempela bokuboniswa. Ku-JPEG, izilungiselelo zekhwalithi eziphakathi kuka-80-90% ngokuvamile zinikeza imiphumela emihle kakhulu ngokulahlekelwa okuncane okubonakalayo kwekhwalithi.
Uyini umehluko phakathi kokucindezelwa okulahlekile nokungalahleki?
Ukuminyanisa okulahlekile kususa unomphela idatha yesithombe ukuze kuzuzwe osayizi bamafayela amancane, okungenzeka kunciphise ikhwalithi. Ukucindezela okungenakulahlekelwa kunciphisa usayizi wefayela ngaphandle kokulahlekelwa yikhwalithi kodwa ngokuvamile kuzuza ukucindezela okuncane. Khetha ngokusekelwe ekutheni ikhwalithi noma usayizi wefayela ubaluleke kakhulu.
Kubaluleke kangakanani ukulayisha okuvilaphayo ekuthuthukisweni kwesithombe?
Ukulayisha okuvilapha kubaluleke kakhulu kumawebhusayithi anezithombe ezinzima. Ingathuthukisa izikhathi zokulayisha ikhasi lokuqala ngo-20-50% ngokulayisha kuphela izithombe lapho kudingeka. Lokhu kunenzuzo ikakhulukazi kubasebenzisi beselula futhi kuthuthukisa ulwazi olunzulu ngomsebenzisi kanye namazinga e-SEO.
Ngingakwazi ukuguqula phakathi kwamafomethi wesithombe ahlukene ukuze ngikhulise usayizi wefayela?
Yebo, ukuguqula phakathi kwamafomethi ngokuvamile kuyindlela yokuthuthukisa ephumelela kakhulu. Ukuguqula izithombe ze-PNG zibe i-JPEG, noma ukuguqula izithombe ezimile zibe amafomethi esimanje njenge-WebP noma i-AVIF kunganciphisa ngokumangazayo osayizi bamafayela kuyilapho kugcinwa ikhwalithi.
Sebenzisa Ulwazi Lwakho
Manje njengoba usuwaqonda amagama, zama ukuguqula ukuze usebenzise okufundile. Ukuguqulwa kwamahhala, okungenamkhawulo ngaphandle kwe-akhawunti edingekayo.