Mga Larawan: Make or Break
Maaaring gawin o sirain ng mga imahe ang iyong website sa maraming paraan. Kung masyadong malabo o maliit ang iyong mga larawan, walang bibili ng iyong mga produkto. Ngunit, ang mga larawang masyadong malaki ay magpapabagal sa oras ng pag-load ng iyong page, na nagpapababa rin sa iyong mga benta.
Paano Ko Malalaman Kung Masyadong Malaki ang Aking Mga Larawan?
Kung nabasa mo na ang kabanata 1, malalaman mo kung paano gumawa ng ulat ng parola at matutukoy kung ang mga larawan ang pinakamalaking isyu o hindi, ngunit maaari mo ring suriin nang hindi nagpapatakbo ng ulat ng parola.
Kung mayroon kang mga larawang mas malaki sa 300 kb, ang mga larawan ay magpapabagal sa iyong website.
Dalawang Paraan na Magagamit Mo Para I-optimize ang Iyong Mga Larawan
Ang pag-optimize ng mga larawan ay maaaring medyo nakakatakot, ngunit medyo madaling makuha pagkatapos mong gawin ito ng ilang beses. Sundin lamang ang tatlong hakbang na ito: Baguhin ang laki, Uri ng File, I-compress.
Hakbang 1: Baguhin ang laki
Kung nag-upload ka ng larawang may lapad na 4,000 pixels, ngunit ipinapakita lamang sa isang maliit na kahon sa iyong website na umaabot sa kalahati ng lapad ng pahina, ang larawang iyon ay may hindi kinakailangang malaking laki ng file. pagbabago ng laki ng iyong mga larawan sa kung ano ang aktwal na ipinapakita ng mga ito bilang una, at isa sa pinakamahalagang hakbang sa pag-optimize ng iyong mga larawan.
Maaari mong gamitin ang Canva.com o Photoshop upang madaling baguhin ang laki ng iyong mga larawan.
Kung hindi ka sigurado kung ano dapat ang laki ng iyong mga larawan, sundin ang mga pangkalahatang alituntuning ito:
- Mga larawang sumasaklaw sa buong lapad ng iyong website: Hindi hihigit sa 1600 pixels ang lapad. Laki ng file na hindi hihigit sa 400 KB.
- Mga larawang sumasaklaw sa lapad ng iyong website: Hindi hihigit sa 800 pixels ang lapad. Laki ng file na hindi hihigit sa 200 KB.
- Mga larawang sumasaklaw sa 1/4th ng lapad ng iyong website: Hindi hihigit sa 400 pixels ang lapad. Laki ng file na hindi hihigit sa 100 KB.
Paminsan-minsan, maaaring mayroon kang talagang detalyadong larawan na kailangang lumabag sa panuntunang ito at magkaroon ng bahagyang mas mataas na laki ng file upang hindi ito magmukhang malabo. Okay lang yan, subukan lang na maging kasing liit ng mga imahe.
Hakbang 2: Uri ng File
Maaaring may parehong eksaktong sukat ang dalawang larawan, ngunit kung ang isa ay JPG at ang isa ay PNG, magkakaroon sila ng magkaibang laki ng file.
Kung gumagamit ka ng Canva para i-resize: Tiyaking gagawin mo ang "Kalidad" nang hanggang 100% sa mga setting ng pag-download para hindi malabo ang iyong mga larawan. Hindi maganda ang compression ng Canva.
Maaari kang makakita ng ilang rekomendasyon sa paggamit ng WebP sa halip na JPG. Bagama't mas maliit ang mga uri ng WebP file, hindi nagre-render ang mga ito sa mga mas lumang browser. Nasa iyo kung pipiliin mong gumamit ng WebP o JPG.
Hakbang 3: I-compress
Ang pag-compress ng iyong mga larawan ay isang mahusay na paraan upang bawasan pa ang laki ng file, at kung gagawin mo ito ng tama, hindi ito makakaapekto sa kalidad ng iyong larawan. Pwede mong gamitin tinypng.com upang i-compress ang iyong mga larawan bago i-upload ang mga ito sa iyong website.
Paliitin.media ay maaaring gamitin upang i-compress at baguhin ang laki ng mga imahe sa isang hakbang lamang.