6 Cara pikeun Optimalkeun Gambar pikeun Performance Web Leuwih alus

Manusa téh mahluk visual, sarta panalungtikan ngarojong kanyataan éta. Sanggeus ngan tilu poé, ongkos ingetan pikeun téks dina rentang ngan 10% -20%. Tapi pikeun gambar, tingkat ingetan tiasa saluhur 65%. Otak nampi 90% inpormasi visual sareng ngolahna 60,000 kali langkung gancang. Tanpa ragu, visuals maénkeun peran kritis dina Dursasana ramatloka.

Najan kitu, waktu nu diperlukeun pisan leuwih ti ngan picking kaluar sababaraha gambar jeung nempatkeun aranjeunna sabudeureun situs anjeun. Gambar beurat meakeun seueur rubakpita, ngalambatkeun laju ngamuat halaman. Mesin pencari bakal perhatikeun kinerja anu laun sareng ngahukum anjeun kalayan pangkat anu rendah.

Tips optimasi gambar pikeun pagelaran wéb anu langkung saé dina

Sebutkeun anjeun ngarancang situs wéb pikeun organisasi nirlaba sareng anjeun resep ngagunakeun seueur gambar pikeun nunjukkeun karya anjeun. Donor, sponsor, sareng pamangku kapentingan anu sanés nganggo inpormasi sapertos janten dasar pikeun dukungan anu terus-terusan. Nanging, upami anjeun henteu ngaoptimalkeun gambar, pangalaman pangguna sareng papacangan bakal sangsara. Isu pangbadagna bakal loading slow kaca jeung réspon timeout.

Optimasi gambar nujul kana léngkah-léngkah anu anjeun lakukeun pikeun ngirangan ukuran, pormat, atanapi résolusi file. Anjeun tiasa ngalakukeun ieu tanpa kompromi kualitas gambar.

Hayu urang pariksa sababaraha gambar anjeun.pilihan.

Ilustrasi Kampanye Pemasaran ku Deemak Daksina

1. Mimitian ku audit optimasi gambar

Inok optimasi gambar bakal nyayogikeun inpormasi anu relevan pikeun dimana anjeun kedah ningkatkeun.

Contona, pamariksaan tiasa nunjukkeun yén anjeun gaduh seueur teuing gambar. Éta ogé bakal nunjukkeun pormat gambar anjeun sareng ngamungkinkeun anjeun pikeun nangtukeun tindakan salajengna. Contona, miceun atawa ngarobah format file bisa nyata ngaronjatkeun speed loading kaca.

2. Pilih format anu pas pikeun gambar

File gambar aya dina format anu béda. Ieu mangrupikeun tilu jinis format gambar anu paling umum pikeun aplikasi wéb anu anjeun kedah terang:

• PNG gaduh kaunggulan janten gambar anu kualitasna luhur. Hanjakalna, pikeun ngahontal ieu, ukuran filena ageung pisan. Éta tiasa dianggo saé pikeun gambar sareng logo anu saderhana sareng ngamungkinkeun komprési tanpa rugi.
• JPEG anu paling umum dina kalolobaan situs wéb. Aranjeunna alus teuing pikeun kompléks, gambar warni. Nanging, anjeun kedah ati-ati nalika ngompresi gambar JPEG kusabab leungitna kajelasan tiasa nyababkeun, gambar janten langkung alit. Sababaraha urang ngarujuk kana ieu lossy.
• GIF lumaku pikeun animasi, ikon leutik, jeung gambar resolusi low. Hal ieu ngamungkinkeun pikeun komprési lossless, tapi anjeun ngan bisa makenepi ka 256 warna.

Simpen Ikon ku Andreas Storm

3. Ngarobah ukuran jeung ngompres gambar

Anjeun meureun geus merhatikeun yén gambar-gambar éta sigana dimuat saeutik-saeutik. Sababaraha waktu bakal kaliwat saméméh anjeun meunang ningali gambar pinuh; tanda yén gambar meureun beurat teuing. Ngarobah ukuran atawa compressing bakal ngurus masalah.

Paké alat pamotongan pikeun ngarobah ukuran gambar. Éta ngabantosan ngirangan ukuran file, nyababkeun kagancangan ngamuat halaman anu langkung saé. Anjeun gaduh seueur alat anu sayogi pikeun dianggo anjeun.

Ngompres gambar mantuan ngurangan ukuran koropak. Tapi anjeun tiasa ngarobih gambar upami anjeun ngompres teuing. Komprési low tiasa idéal upami anjeun hoyong nahan kualitas gambar; Sanajan kitu, éta teu nyata ngurangan ukuranana.

Jenis komprési

Aya dua konsép anu geus disebutkeun di luhur, lossless vs lossy komprési.

• Kompresi lossless ngajaga kualitas gambar bari miceun metadata nu teu perlu.
• Kompresi lossy ngurangan ukuran koropak ku cara ngaleungitkeun sababaraha elemen. Éta tiasa kompromi kualitas gambar. Anjeun bisa kitu, teu aya bewara bédana. Janten, éta masih tiasa janten cara anu saé pikeun ngompres gambar.

Éditor gambar anu leres bakal ngabantosan anjeun nangtukeun manakomprési paling cocog pikeun anjeun.

4. Optimasi gambar mobile-heula

Sakur léngkah anu anjeun laksanakeun kedah nuturkeun strategi SEO mobile-heula, sabab Google ngalih ka ranking mobile munggaran. Gambar kedah sami dina alat sélulér naon waé sareng dina alat desktop. A jumlah tremendous lalulintas internét datang ngaliwatan alat sapertos.

Lamun pamaké teu kalibet ku UX alus lamun ngagunakeun alat mobile, anjeun bakal leungit aranjeunna.

Optimasi ASO ku Abbi_Kerimov

5. Ngaran koropak jeung dampak maranéhanana dina SEO

Optimasi gambar ogé merlukeun anjeun nengetan kumaha anjeun ngaranan payil. Sadaya tindakan anu anjeun laksanakeun kedah ngagaduhan tujuan pikeun ningkatkeun pisibilitas dina mesin pencari. Nalika anjeun unggah atanapi nyandak gambar, alat bakal otomatis masihan nami file. Ngaran ieu ilaharna ngandung kode acak atawa angka. Ieu bisa kasampak kawas 2224444.jpg.

Muatkeun gambar nu aya dina ramatloka anjeun moal mantuan mesin pencari pisan.

6. Pertimbangkeun maké lazy loading

Lazy loading gambar téh persis sakumaha ngaranna. Sabaliknasakabeh gambar loading sakaligus, éta jenis unfolds. Gambar terus dimuat beuki pengunjung online ngagulung ka handap kaca.

Puguh loading ngan nembongkeun naon relevan dina titik éta. Anjeun bakal ngahemat bandwidth sabab anjeun moal nganggo sumber daya anu teu perlu.

Ngamuat... ku Dona

Pikiran ahir

Kinerja wéb mangrupikeun faktor peringkat kritis anu dianggo ku mesin pencari. Google bakal ngahukum situs anjeun upami laju ngamuat halaman rendah.

Loba faktor nangtukeun laju kaca, sarta pamakéan gambar paréntah salah sahiji posisi luhur. Upami anjeun henteu ngaoptimalkeun gambar, kinerja wéb anjeun bakal sangsara. Kaca bakal dimuat lalaunan, sarta pangalaman pamaké sarta Dursasana moal jadi alus.

Pilih format gambar anu pas. Salajengna, paké téknik sapertos pangaturan ukuran sareng komprési pikeun ngirangan ukuran file. Jadwalkeun tes halaman rutin sareng audit situs pikeun mariksa kinerja situs.