Ke alakaʻi hoʻoponopono kiʻi pūnaewele

Hoʻomaopopo i nā ʻano kiʻi pūnaewele

ʻO ke koho ʻana i ke ʻano kiʻi kūpono ke kumu o ka loiloi pūnaewele. Hāʻawi kēlā me kēia ʻano i nā kumu like ʻole a hāʻawi i nā pono kūʻokoʻa. He kūpono ʻo JPEG no nā kiʻi a me nā kiʻi paʻakikī me nā waihoʻoluʻu he nui, e hāʻawi ana i nā lakio hoʻopiʻi maikaʻi akā ma ke kumu o ka poho. ʻOi aku ka PNG ma nā kiʻi me ka māliko, nā ʻaoʻao ʻoi, a me nā palette kala palena ʻole, e kūpono ana ia no nā logo a me nā kiʻi, ʻoiai ʻoi aku ka nui o nā faila. Hōʻike ka WebP i ka hanauna hou o nā kiʻi pūnaewele, e hāʻawi ana i ka hoʻoemi ʻoi aku ka maikaʻi i hoʻohālikelike ʻia me JPEG a me PNG me ka mālama ʻana i ke ʻano kiʻekiʻe. Kākoʻo ʻo ia i ka hoʻoemi nalowale a me ka nalowale ʻole, ka ʻike, a me ka animation. Eia nō naʻe, ʻaʻole ākea ke kākoʻo polokalamu kele pūnaewele. ʻOi aku ka hou o AVIF, e hāʻawi ana i nā helu hoʻopiʻi kūʻokoʻa a hiki i 50% ka liʻiliʻi ma mua o JPEG, akā ke ulu nei ka hoʻohana ʻana i ka polokalamu kele pūnaewele. No nā kiʻi kiʻi vector e like me nā logos, nā kiʻi, a me nā kiʻi maʻalahi, ʻaʻole hiki ke lanakila ʻo SVG. Ma ke ʻano he ʻano vector, hoʻonui ʻia nā kiʻi SVG me ka pau ʻole o ka maikaʻi a loaʻa pinepine nā faila liʻiliʻi. Hiki ke hoʻoponopono ʻia lākou me ke code a me ke kākoʻo ʻana i ka launa pū ʻana, e hoʻolilo iā lākou i mea maʻalahi no ka hoʻolālā pūnaewele hou.

• JPEG: ʻOi loa no nā kiʻi a me nā kiʻi paʻakikī
• PNG: He kūpono no nā kiʻi me ka māliko a me nā ʻaoʻao ʻoi
• WebP: Hōʻano hou me ka hoʻopiʻi maikaʻi
• AVIF: Hōʻano hou me ka hoʻopiʻi kūʻokoʻa
• SVG: He kūpono no nā kiʻi kiʻi vector hiki ke hoʻonui ʻia

Nā ʻenehana hoʻoemi kiʻi a me nā hoʻonohonoho maikaʻi

He mea koʻikoʻi ka hoʻomaopopo ʻana i ka hoʻopiʻi ʻana no ke kaulike ʻana i ka maikaʻi o ke kiʻi me ka nui o ka faila. ʻO ka hoʻoemi poho, hoʻohana ʻia e nā ʻano like me JPEG, e wehe mau i ka ʻikepili kiʻi e hōʻemi i ka nui o ka faila. ʻO ke kī ʻo ka ʻimi ʻana i kahi wahi momona kahi e hoʻonui ʻia ai ka hoʻopiʻi ʻana me ka mālama ʻana i ka maikaʻi ʻike ʻae ʻia. No ka hapa nui o nā kiʻi pūnaewele, ʻo kahi hoʻonohonoho JPEG maikaʻi ma waena o 75-85% hāʻawi i kahi kaulike maikaʻi loa, ʻoiai hiki ke ʻokoʻa kēia ma muli o ka ʻike kiʻi. ʻO ka hoʻoemi poho ʻole, hoʻohana ʻia e PNG a me kekahi mau kiʻi WebP, e hōʻemi i ka nui o ka faila me ka ʻole o ka nalowale o ka maikaʻi. ʻOiai ʻoi aku ka maikaʻi o kēia, ʻoi aku ka nui o nā faila nalowale ma mua o ko lākou mau hoa nalowale. ʻO kēia ka mea e kūpono ai ka hoʻoemi poho ʻole no nā kiʻi i ʻoi aku ka maikaʻi, e like me nā kiʻi huahana no ka e-commerce a i ʻole nā ​​kiʻi e hoʻoponopono hou ʻia. Hoʻokomo ʻia nā ʻenehana hoʻopiʻi kiʻekiʻe i ka hoʻouka JPEG holomua, e hōʻike ana i nā kiʻi i ka hoʻonui ʻana i ka maikaʻi, a me ka chroma subsampling, e hōʻemi ana i ka ʻike kala i ʻike ʻole ʻia e nā maka kanaka. Hāʻawi pū nā mea hana o kēia manawa i ka manaʻo maikaʻi, hoʻoponopono i ka hoʻopili ʻana ma muli o ka mea i ʻike nui ʻia e ka maka o ke kanaka, e loaʻa pinepine ana nā hopena ʻoi aku ka maikaʻi ma mua o nā hoʻonohonoho kūlana kuʻuna.

Hoʻoholo a me ka hoʻoponopono kiʻi pane

Ke koi nei ka hoʻolālā pūnaewele hou i nā kiʻi e nānā ʻia i nā mea āpau mai nā kelepona a i nā mākaʻikaʻi 4K. ʻO ke kī ʻo ka hoʻomaopopo ʻana i ka nui o ka pixel a me ka hiki ke hana. He kūpono paha ke kiʻi ākea 1200px no ka nānā ʻana i ka papapihi, akā ʻoi aku ka nui no ka pale kelepona 375px, hoʻopau i ka bandwidth a me ka lohi ʻana i nā manawa hoʻouka. ʻO ka hana ʻana i nā nui kiʻi nui e hōʻoia i ka loaʻa ʻana o ke kiʻi kūpono i kēlā me kēia mea. Hoʻohana nā kiʻi pane i ke ʻano srcset HTML a me ka mea kiʻi e lawelawe i nā kiʻi like ʻole e pili ana i ka nui o ka pale a me ka hoʻonā. Hiki i kēia ʻenehana ke hōʻemi i ka uku kiʻi e 50% a ʻoi aku paha no nā mea hoʻohana kelepona. No ka laʻana, hiki iā ʻoe ke lawelawe i kahi kiʻi 400px i nā polokalamu kelepona, 800px i nā papa, a me 1200px i nā pale papapihi. Pono nā hōʻike kiʻekiʻe e like me nā pale Retina i nā kiʻi hoʻonā 2x no ka hiʻohiʻona ʻoi. Pono e noʻonoʻo ka nui kiʻi i nā ana hōʻike maoli ma kāu pūnaewele. ʻAʻole pono ke kiʻi i hōʻike ʻia ma 300px ka laulā he 1200px ka laulā, me ka nānā ʻole i ka pale o ka mea hoʻohana. E noʻonoʻo mau i nā kiʻi no ko lākou nui hōʻike maoli, a noʻonoʻo e hoʻohana i ka CSS no ka mālama ʻana i ka scaling liʻiliʻi ma mua o ka lawelawe ʻana i nā kiʻi nui.

Ka hopena o ka hana a me ka hoʻouka ʻana

Hoʻopilikia nui nā kiʻi i ka hana pūnaewele, e hōʻike pinepine ana i ka 50-70% o ka nui o ka paona ʻaoʻao. ʻO nā kiʻi nui, ʻaʻole i hoʻopaʻa ʻia i waena o nā kumu kumu o ka hoʻouka lohi ʻana i nā pūnaewele, pili pono i ka ʻike mea hoʻohana a me nā pae ʻenekini huli. Hiki i kēlā me kēia kekona o ka manawa hoʻouka ke hoʻonui i ka nui o ka bounce a hiki i ka 32%, e hana ana i ka loiloi kiʻi i mea koʻikoʻi ʻoihana. ʻO ka hoʻouka palaualelo kahi ʻenehana ikaika e hoʻopaneʻe i ka hoʻouka ʻana i nā kiʻi a hiki i ko lākou komo ʻana i ke awa ʻike. Hoʻomaikaʻi nui kēia i nā manawa hoʻouka ʻaoʻao mua, ʻoi aku hoʻi no nā ʻaoʻao kaumaha kiʻi. Kākoʻo nā polokalamu kele pūnaewele hou i ka hoʻouka palaualelo me ke ʻano loading=”lazy”, aʻo nā hale waihona puke JavaScript e hāʻawi i ka mana holomua a me ke kākoʻo polokalamu kele pūnaewele. Hiki i nā hoʻolālā hoʻouka kiʻi ke hoʻonui i ka ʻike mea hoʻohana. Pono e hoʻonui ʻia nā kiʻi koʻikoʻi ma luna o ka paʻi no ka hoʻouka wikiwiki ʻana, ʻoiai hiki ke hoʻouka ʻia nā kiʻi ma lalo o ka paʻi. E noʻonoʻo e hoʻohana i nā wahi paʻa kiʻi haʻahaʻa haʻahaʻa (LQIP) a i ʻole nā ​​hopena blur-to-sharp e hāʻawi i ka manaʻo ʻike koke i ka wā e hoʻouka ʻia ai nā kiʻi hoʻonā piha. Hiki i ka hoʻopili ʻana JPEG holomua ke ʻike koke i nā kiʻi ma ke ʻano haʻahaʻa, a laila e hoʻokala i ka nui o ka ʻikepili.

SEO a me ka hiki ke noonoo

Noʻonoʻo nā ʻenekini huli i ka wikiwiki o ka ʻaoʻao ma ke ʻano he kumu kūlana, e hana ana i ka loiloi kiʻi koʻikoʻi no ka kūleʻa SEO. ʻO nā kiʻi i hoʻopaʻa pono ʻia e kōkua i ka hoʻouka ʻana i nā ʻaoʻao me ka wikiwiki, e hāʻawi ana i nā kūlana ʻimi maikaʻi aʻe a me ka ʻike mea hoʻohana. Eia kekahi, hāʻawi nā inoa faila kiʻi a me nā kikokikona alt i ka pōʻaiapili waiwai i nā ʻenekini huli, e kōkua ana i kāu ʻike e ʻike ʻia i nā hopena huli kiʻi. Pono ka hiki ke komo i nā kikokikona alt noʻonoʻo e wehewehe ana i ka ʻike kiʻi no ka poʻe heluhelu pale a me nā mea hoʻohana pilikia maka. Pono ka ʻōlelo alt e wehewehe akā pōkole, e wehewehe ana i ka mea i loko o ke kiʻi a me kona kumu ma ka pōʻaiapili. No nā kiʻi hoʻonaninani ʻaʻole hoʻohui i ka waiwai ʻike, e hoʻohana i nā ʻano alt hakahaka (alt=””) e pale aku i ka poʻe heluhelu pale mai ka hoʻolaha ʻana iā lākou me ka pono ʻole. Hiki i ka ʻikepili i kūkulu ʻia a me ka markup schema ke hoʻonui i ka hoʻomaopopo a hōʻike ʻana o nā ʻenekini huli i kāu mau kiʻi. Kōkua nā palapala kahua kiʻi kūpono i nā ʻenekini huli e ʻike a kuhikuhi i kāu mau kiʻi i ʻoi aku ka maikaʻi. Pono ka wehewehe ʻana i ka inoa o nā faila a me ka waiwai o nā huaʻōlelo inā pili, e pale ana i nā inoa maʻamau e like me “image1.jpg” i makemake i nā inoa wehewehe e like me “red-running-shoes-front-view.jpg”.