Aratohu Arotau Atahanga Tukutuku

Te Maramatanga ki nga Whakaaturanga Whakaahua Tukutuku

Ko te whiriwhiri i te whakatakotoranga whakaahua tika te turanga o te arotautanga paetukutuku. He rereke nga kaupapa o ia whakatakotoranga me te tuku painga ahurei. He pai a JPEG mo nga whakaahua me nga whakaahua uaua me te maha o nga tae, he pai rawa atu nga owehenga taapiri engari i te utu ka ngaro. He pai ake te PNG ki nga whakaahua maramara, koi nga tapa, me nga papanga tae iti, ka tino pai mo nga waitohu me nga whakairoiro, ahakoa he nui ake te rahi o nga konae. Ko te WebP te tohu mo te whakatipuranga o nga whakaahua paetukutuku e whai ake nei, e whakarato ana i te pai ake o te kopeketanga ki te JPEG me te PNG me te pupuri i te kounga teitei. Ka tautokohia e rua nga ngoikoretanga me te koretake o te pupuhi, te marama, me te hākoritanga. Heoi, ko te tautoko tirotiro, ahakoa he nui, ehara i te mea mo te ao katoa. He hou ake te AVIF, e tuku ana i nga reiti whakakopeketanga pai ake ki te 50% iti ake i te JPEG, engari kei te tipu haere tonu te tangohanga tirotiro. Mo nga whakairoiro vector penei i nga waitohu, tohu, me nga whakaahua ngawari, kaore e taea te SVG. Hei whakatakotoranga vector, ko nga whakaahua SVG te tauine mo te kore e ngaro te kounga me te maha o nga rahi o nga konae. Ka taea hoki te whakarereke me te waehere me te tautoko i te taunekeneke, he mea tino mohio mo te hoahoa tukutuku hou.

• JPEG: He pai mo nga whakaahua me nga whakaahua uaua
• PNG: He pai mo nga whakairoiro me te marama me nga tapa koi
• WebP: Hōputu hou me te kōpeketanga pai ake
• AVIF: Hōputu hōu me te kōpeketanga motuhake
• SVG: He tino pai mo nga whakairoiro vector tauineine me nga tohu

Nga Tikanga Whakapiri Atahanga me nga Tautuhinga Kounga

He mea nui te mohio ki te kopeketanga mo te whakataurite i te kounga whakaahua me te rahi o te konae. Ko te pupuhi ngaro, ka whakamahia e nga whakatakotoranga penei i te JPEG, ka tango i nga raraunga atahanga hei whakaiti i te rahi o te konae. Ko te mea nui ko te kimi i te waahi reka e whakanuia ai te kopeketanga me te pupuri i te kounga tirohanga pai. Mo te nuinga o nga whakaahua tukutuku, ko te tautuhinga kounga JPEG i waenga i te 75-85% ka whakarato i te toenga pai, ahakoa ka rereke tenei i runga i te ihirangi whakaahua. Ko te pupuhi korekore, e whakamahia ana e te PNG me etahi whakaahua WebP, ka whakaiti i te rahi o te konae kaore he mate kounga. Ahakoa he ahua pai tenei, ko nga konae korekore he nui ake i o raatau hoa ngaro. Ma tenei ka pai rawa atu te taapiri korekore mo nga whakaahua he mea tino nui te kounga, penei i nga whakaahua hua mo te e-tauhokohoko me nga whakaahua ka whakatikahia ano. Kei roto i nga tikanga whakakopeketanga matatau ko te uta JPEG ahu whakamua, e whakaatu ana i nga whakaahua i te piki haere o te kounga, me te chroma subsampling, e whakaiti ana i nga korero tae ka iti ake te aro o nga kanohi tangata. Ko nga taputapu hou e tuku ana i te arotautanga o te tirohanga, te whakatikatika i te taapiri i runga i nga mea e tino kitea ana e te kanohi o te tangata, he pai ake nga hua i nga tautuhinga kounga tuku iho.

Whakatau me te Arotautanga Atahanga Whakautu

Ko te hoahoa tukutuku o naianei e hiahia ana ki nga whakaahua e tino marama ana ki nga mea katoa mai i nga waea atamai ki te 4K aroturuki. Ko te mea nui ko te mohio ki te kiato pika me te kaha o te taputapu. Ko te ahua 1200px te whanui ka tino pai mo te maataki papamahi, engari he nui rawa mo te mata waea pūkoro 375px, moumou ana te bandwidth me te whakaroa i nga wa uta. Ko te hanga i nga rahi whakaahua maha ka whakarite kia whiwhi ia taputapu he ahua tika te rahi. Ko nga whakaahua whakautu e whakamahi ana i te huanga srcset HTML me te huānga pikitia hei mahi i nga whakaahua rereke i runga i te rahi o te mata me te taumira. Ka taea e tenei tikanga te whakaheke i te utu whakaahua ma te 50% neke atu ranei mo nga kaiwhakamahi waea. Hei tauira, ka tukuna he ahua 400px ki nga taputapu pūkoro, 800px ki nga papa, me te 1200px ki nga mata papamahi. Ko nga whakaaturanga kiato teitei penei i nga mata Retina e hiahia ana kia 2x nga whakaahua taumira kia pai te ahua. Me whai whakaaro ano te rahi o te ahua ki nga rahi whakaatu i to paetukutuku. Ko te ahua e whakaatuhia ana i te 300px te whanui kaore e tika kia 1200px te whanui, ahakoa te mata o te kaiwhakamahi. Me arotau tonu nga whakaahua mo o raatau rahi whakaatu, ka whakaaro ki te whakamahi i te CSS ki te hapai i te whakatauine iti, kaua ki te mahi whakaahua rahi.

Te Paanga Mahinga me nga Rautaki Uta

Ko nga whakaahua ka pa ki nga mahinga paetukutuku, he tohu 50-70% o te taumaha o te whaarangi. Ko nga whakaahua nui, kaore ano kia arotauhia, kei roto i nga take tuatahi o nga paetukutuku uta puhoi, e pa ana ki nga wheako kaiwhakamahi me nga tohu miihini rapu. Ka taea e ia tuarua o te wa kawenga te whakanui ake i nga reeti tāwhana ki runga ki te 32%, na te arotautanga o te ahua hei whakaaro nui mo te pakihi. He tikanga kaha te uta mangere hei whakaroa i te uta atahanga kia tata ki te uru ki te tauranga tirohanga. Ma tenei ka tino whakapai ake i nga waa uta whaarangi, ina koa mo nga wharangi ahua-taimaha. Ka tautokohia e nga kaitirotiro o naianei te uta mangere me te huanga loading=”lazy”, ko nga whare pukapuka JavaScript e whakarato ana i te mana matatau me te tautoko tirotiro whanui. Ka taea hoki e nga rautaki utaina whakaahua te whakarei ake i te wheako kaiwhakamahi. Ko nga whakaahua whakahirahira o runga ake o te kopa me arotau mo te uta tere, ko nga whakaahua o raro-te-pako ka taea te utaina mangere. Whakaarohia te whakamahi i nga kaipupuri ahua iti-kounga-iti (LQIP) me nga paanga purongo-ki-koi hei whakarato urupare ataata tonu i te wa e utaina ana nga whakaahua taumira-katoa. Ko te whakawaehere JPEG ahu whakamua ka taea te puta tere o nga whakaahua i roto i te kounga iti, katahi ka whakakoi i te nui ake o nga kawenga raraunga.

SEO me nga Whakaaro Whakaaetanga

Ka whakaarohia e nga miihini rapu te tere o te whaarangi hei take rangatira, he mea nui te arotautanga ahua mo te angitu SEO. Ko nga whakaahua kua tino arotauhia ka awhina i nga whaarangi kia tere ake te uta, ka whai waahi ki te pai ake o nga rarangi rapu me te wheako kaiwhakamahi. I tua atu, ko nga ingoa konae whakaahua me nga tuhinga rereke e whakarato ana i te horopaki nui ki nga miihini rapu, hei awhina i to ihirangi kia puta ki nga hua rapu whakaahua. Ko te urunga e hiahia ana ki nga tuhinga rereke e whakaatu ana i nga ihirangi atahanga mo nga kaipanui mata me nga kaiwhakamahi hauātanga. Ko te kuputuhi Alt me ​​whakamaarama engari he poto, he whakamarama he aha kei roto i te ahua me tona kaupapa i roto i te horopaki. Mo nga whakaahua whakapaipai karekau e taapiri i te uara korero, whakamahia nga huanga alt putua (alt=””) hei aukati i nga kaipanui mata kia kore e panui i a raatau. Ka taea e nga raraunga hanganga me te tohu tohu te whakarei ake i te maarama me te whakaatu o nga miihini rapu i o whakaahua. Ko nga maherepae atahanga tika ka awhina i nga miihini rapu ki te rapu me te whakariterite i o whakaahua kia pai ake. Ko nga tikanga whakaingoa konae me whakaatu me te whai hua ki te kupu matua ina tika ana, me karo i nga ingoa whanui penei i te “image1.jpg” hei pai mo nga ingoa whakaahua penei i te “red-running-shoes-front-view.jpg”.