Ntuziaka njikarịcha onyonyo webụ

Ịghọta Ụdị Foto Weebụ

Ịhọrọ usoro oyiyi ziri ezi bụ ntọala nke njikarịcha weebụ. Usoro ọ bụla na-arụ ọrụ dị iche iche ma na-enye uru pụrụ iche. JPEG dị mma maka foto na onyonyo dị mgbagwoju anya nwere ọtụtụ agba, na-enye oke mkpakọ kacha mma mana ọ na-efu efu. PNG na-eme nke ọma na onyonyo nwere nghọta, ọnụ dị nkọ, na palette agba nwere oke, na-eme ka ọ zuo oke maka akara ngosi na eserese, n’agbanyeghị na nha faịlụ na-abụkarị ibu. WebP na-anọchite anya ọgbọ ọzọ nke ihe oyiyi weebụ, na-enye mkpakọ dị elu ma e jiri ya tụnyere ma JPEG na PNG ka ị na-ejigide mma. Ọ na-akwado ma mkpakọ na-efu ma ọ bụ enweghị efu, nghọta, na animation. Agbanyeghị, nkwado ihe nchọgharị, ọ bụ ezie na ọ buru ibu, abụghị nke zuru ụwa ọnụ. AVIF dị ọhụrụ karị, na-enye ọnụego mkpakọ pụrụ iche ruo 50% pere mpe karịa JPEG, mana nkuchi ihe nchọgharị ka na-eto eto. Maka eserese vector dị ka akara ngosi, akara ngosi na ihe atụ dị mfe, SVG enweghị ike imeri. Dị ka usoro vector, ihe onyonyo SVG na-enweghị njedebe na-enweghị oke mfu ma na-enwekarị nha faịlụ. A na-ejikwa koodu na nkwado mmekọrịta, na-eme ka ha nwee nnukwu mgbanwe maka imewe weebụ ọgbara ọhụrụ.

• JPEG: Kachasị mma maka foto na onyonyo dị mgbagwoju anya
• PNG: Ọ dị mma maka eserese nwere nghọta na akụkụ dị nkọ
• WebP: Usoro ọgbara ọhụrụ nwere mkpakọ dị elu
• AVIF: Ọkpụkpọ kachasị ọhụrụ nwere mkpakọ pụrụ iche
• SVG: Zuru oke maka eserese vector na akara ngosi

Usoro mkpakọ onyonyo yana ntọala ogo

Ịghọta mkpakọ dị oke mkpa maka ịhazi ogo onyonyo na nha faịlụ. Mkpakọ na-enweghị atụ, nke ụdị dị ka JPEG na-eji, na-ewepụ data onyonyo kpamkpam iji belata nha faịlụ. Isi ihe bụ ịchọta ebe dị ụtọ ebe a na-ebuli mkpakọ ka ọ na-edobe àgwà a na-anabata nke ọma. Maka ọtụtụ onyonyo webụ, ntọala ogo JPEG n’etiti 75-85% na-enye nguzozi dị mma, n’agbanyeghị na nke a nwere ike ịdị iche dabere na ọdịnaya onyonyo. Mkpakọ na-enweghị efu, nke PNG na ụfọdụ onyonyo WebP na-eji, na-ebelata nha faịlụ na-enweghị mfu ọ bụla. Ọ bụ ezie na nke a dị mma, faịlụ ndị na-enweghị efu na-adịkarị ukwuu karịa ndị ogbo ha na-efu efu. Nke a na-eme mkpakọ na-enweghị atụ dabara adaba maka onyonyo ebe ịdịmma dị oke mkpa, dị ka foto ngwaahịa maka e-azụmahịa ma ọ bụ onyonyo nke a ga-edezigharị ọzọ. Usoro mkpakọ dị elu gụnyere nbudata JPEG na-aga n’ihu, nke na-egosiputa ihe onyonyo n’ịbawanye ogo ngafe, yana chroma subsampling, nke na-ebelata ozi agba nke anya mmadụ na-adịchaghị emetụta. Ngwá ọrụ ọgbara ọhụrụ na-enyekwa nkwalite nghọta, na-edozi mkpakọ dabere n’ihe anya mmadụ na-ahụkarị, na-enwetakarị nsonaazụ ka mma karịa ntọala ọdịnala ọdịnala.

Mkpebi yana nkwalite onyonyo na-anabata

Nhazi webụ ọgbara ọhụrụ chọrọ onyonyo ndị na-ele anya nke ọma na ihe niile site na smartphones ruo na nlekota 4K. Isi ihe bụ ịghọta njupụta pixel na ike ngwaọrụ. Onyonyo sara mbara nke 1200px nwere ike zuru oke maka ikiri desktọpụ, mana ọ karịrị akarị maka ihuenyo mkpanaka 375px, na-emebi bandwidth yana na-ebelata oge ibu. Ịmepụta nha onyonyo dị iche iche na-ahụ na ngwaọrụ ọ bụla na-anata onyonyo nha nke ọma. Onyonyo na-anabata na-eji njirimara HTML srcset na ihe onyonyo iji jee ozi dị iche iche dabere na nha ihuenyo na mkpebi. Usoro a nwere ike ibelata ụgwọ ọrụ onyonyo site na 50% ma ọ bụ karịa maka ndị ọrụ mkpanaka. Dịka ọmụmaatụ, ịnwere ike ịnye onyonyo 400px na ngwaọrụ mkpanaka, 800px na mbadamba, yana 1200px na ihuenyo desktọpụ. Ngosipụta njupụta dị elu dị ka ihuenyo Retina chọrọ onyonyo mkpebi 2x maka ọdịdị dị nkọ. Nhazi onyonyo kwesịkwara ịtụle akụkụ ngosipụta n’ezie na webụsaịtị gị. Onyonyo egosiri na obosara 300px ekwesịghị ịdị 1200px n’obosara, n’agbanyeghị ihuenyo onye ọrụ. Na-ebuli onyonyo mgbe niile maka nha ngosi ha n’ezie, ma tụlee iji CSS iji jikwaa obere nchacha karịa inye onyonyo buru ibu.

Mmetụta arụmọrụ yana atụmatụ ibunye

Onyonyo na-emetụta arụmọrụ weebụsaịtị nke ukwuu, na-egosipụtakarị 50-70% nke mkpokọta ibe. Ihe onyonyo buru ibu, ndị a na-emechabeghị nke ọma so na ndị bụ isi kpatara webụsaịtị na-ebu ngwa ngwa, na-emetụta ahụmịhe onye ọrụ na ọkwa nchọta ozugbo. Nkeji ọ bụla ọzọ nke oge ibu nwere ike ịbawanye ọnụego bounce site na 32%, na-eme ka njikarịcha onyonyo bụrụ nlebara anya azụmaahịa. Ịkwadebe umengwụ bụ usoro dị ike nke na-egbu oge ịbu ihe oyiyi ruo mgbe ha na-achọ ịbanye n’ebe nlele. Nke a na-emeziwanye oge ibu ibe mbụ nke ukwuu, ọkachasị maka ibe onyonyo dị arọ. Ihe nchọgharị ọgbara ọhụrụ na-akwado nrụnye ume ume n’ala site na njirimara loading = ” umengwụ “, ebe ọba akwụkwọ Javascript na-enye njikwa dị elu karịa yana nkwado nchọgharị sara mbara. Atụmatụ ibugo ihe onyonyo nwekwara ike welie ahụmịhe onye ọrụ. Ekwesịrị ịkachasị onyonyo dị egwu dị n’elu maka nbudata ngwa ngwa, ebe onyonyo dị n’okpuru ebe nwere ike ibu dị umengwụ. Tụlee iji ndị na-edebe ihe onyonyo dị ala (LQIP) ma ọ bụ mmetụta blur na- nkọ iji nye nzaghachi anya ozugbo ka onyonyo zuru oke na-ebu. Ndozi JPEG na-aga n’ihu na-enye ohere ka onyonyo pụta ngwa ngwa na ịdị mma dị ala, wee mụchaa ka ọ na-ebukwu ibu data.

Atụmatụ SEO na nnweta

Nchọgharị ọchụchọ na-atụle ọsọ ibe dị ka ihe dị elu, na-eme ka njikarịcha ihe oyiyi dị oké mkpa maka ọganihu SEO. Onyonyo emezigharịrị nke ọma na-enyere ibe aka ibu ngwa ngwa, na-enye aka n’ọkwa ọchụchọ ka mma yana ahụmịhe onye ọrụ. Na mgbakwunye, aha faịlụ onyonyo na ederede alt na-enye ọnọdụ bara uru na injin ọchụchọ, na-enyere ọdịnaya gị aka ịpụta na nsonaazụ ọchụchọ onyonyo. Ịnweta chọrọ ederede alt nwere echiche nke na-akọwa ọdịnaya onyonyo maka ndị na-agụ ihuenyo na ndị ọrụ enweghị anya. Edemede Alt kwesịrị ịkọwapụta mana nkenke, na-akọwa ihe dị na onyonyo a yana ebumnuche ya na okirikiri. Maka onyonyo ịchọ mma nke na-anaghị agbakwunye uru ozi, jiri njirimara alt efu (alt=””) gbochie ndị na-agụ ihuenyo ịkpọsa ha na-enweghị isi. Data ahaziri ahazi yana akara atụmatụ nwere ike ịkwalite ka njin ọchụchọ si aghọta ma gosipụta onyonyo gị. Map saịtị onyonyo ziri ezi na-enyere igwe nchọta aka ịchọpụta ma depụta onyonyo gị nke ọma. Mgbakọ aha faịlụ kwesịrị ịbụ nkọwa na mkpụrụokwu bara ụba mgbe ọ dị mkpa, na-ezere aha ọnụọgụ dịka “image1.jpg” maka aha nkọwa dịka “red-running-shoes-front-view.jpg”.