6 Cara untuk Mengoptimumkan Imej untuk Prestasi Web yang Lebih Baik

6 Cara untuk Mengoptimumkan Imej untuk Prestasi Web yang Lebih Baik
Rick Davis

Manusia ialah makhluk visual dan penyelidikan menyokong fakta itu. Selepas tiga hari sahaja, kadar pengekalan untuk teks berada dalam lingkungan 10%-20% sahaja. Tetapi untuk imej, kadar pengekalan boleh setinggi 65%. Otak menerima 90% maklumat visual dan memprosesnya 60,000 kali lebih cepat. Tidak dinafikan, visual memainkan peranan penting dalam penglibatan tapak web.

Walau bagaimanapun, ia memerlukan lebih daripada sekadar memilih beberapa imej dan meletakkannya di sekitar tapak anda. Imej berat menggunakan banyak lebar jalur, memperlahankan kelajuan memuatkan halaman. Enjin carian akan melihat prestasi yang perlahan dan menghukum anda dengan kedudukan yang rendah.

Artikel kami akan menunjukkan kepada anda enam cara berbeza untuk mengoptimumkan imej untuk prestasi web yang lebih baik pada tahun 2021.

Petua pengoptimuman imej untuk prestasi web yang lebih baik dalam

Katakan anda mereka tapak web untuk organisasi bukan untung dan anda suka menggunakan banyak imej untuk mempamerkan kerja anda. Penderma, penaja dan pihak berkepentingan lain menggunakan maklumat tersebut sebagai asas untuk sokongan berterusan. Walau bagaimanapun, jika anda tidak mengoptimumkan imej, pengalaman pengguna dan penglibatan akan terjejas. Isu terbesar ialah pemuatan halaman yang perlahan dan respons tamat masa.

Pengoptimuman imej merujuk kepada sebarang langkah yang anda ambil untuk mengurangkan saiz, format atau peleraian fail. Anda boleh melakukan ini tanpa menjejaskan kualiti imej.

Mari lihat beberapa gambar andapilihan.

Ilustrasi Kempen Pemasaran oleh Deemak Daksina

1. Mulakan dengan audit pengoptimuman imej

Audit pengoptimuman imej akan memberikan maklumat yang berkaitan untuk perkara yang perlu anda perbaiki.

Mulakan dengan menjalankan inventori imej yang anda ada di tapak anda. Ujian yang berkaitan akan mendiagnosis sebarang isu yang perlu anda tangani.

Sebagai contoh, audit mungkin menunjukkan bahawa anda mempunyai terlalu banyak imej. Ia juga akan menunjukkan pemformatan imej anda dan membolehkan anda menentukan tindakan seterusnya. Contohnya, mengalih keluar atau menukar format fail boleh meningkatkan kelajuan pemuatan halaman dengan ketara.

2. Pilih format yang betul untuk imej

Fail imej datang dalam format yang berbeza. Ini ialah tiga jenis format imej yang paling biasa untuk aplikasi web yang perlu anda ketahui:

  • PNG mempunyai kelebihan sebagai imej yang sangat berkualiti tinggi. Malangnya, untuk mencapai ini, saiz fail sangat besar. Ia berfungsi dengan baik untuk imej dan logo ringkas serta membenarkan pemampatan tanpa kehilangan.
  • JPEG adalah yang paling biasa di kebanyakan tapak web. Mereka sangat baik untuk imej yang kompleks dan berwarna-warni. Walau bagaimanapun, anda perlu berhati-hati apabila memampatkan imej JPEG kerana kehilangan kejelasan boleh mengakibatkan, semakin kecil imej itu. Sesetengah orang merujuk kepada ini sebagai lossy.
  • GIF berfungsi untuk animasi, ikon kecil dan imej resolusi rendah. Ia membenarkan pemampatan tanpa kehilangan, tetapi anda hanya boleh menggunakannyasehingga 256 warna.

Simpan Ikon oleh Andreas Storm

3. Ubah saiz dan mampatkan imej

Anda mungkin perasan bahawa imej kelihatan dimuatkan sedikit demi sedikit. Beberapa masa akan berlalu sebelum anda dapat melihat imej penuh; tanda bahawa gambar mungkin terlalu berat. Mengubah saiz atau memampatkan akan menyelesaikan masalah.

Sila ambil perhatian bahawa anda tidak sepatutnya memuat naik sebarang imej sebelum anda mengoptimumkannya. Dan untuk kualiti terbaik, sasarkan untuk fail berada dalam julat 1 hingga 2 MB.

Gunakan alat pemangkasan untuk mengubah saiz imej. Ia membantu mengurangkan saiz fail, menghasilkan kelajuan pemuatan halaman yang lebih baik. Anda mempunyai banyak alat yang tersedia untuk kegunaan anda.

Lihat juga: Apakah Reka Bentuk Mudah?

Memampatkan imej membantu mengurangkan saiz fail. Tetapi anda boleh memesongkan imej jika anda memampatkannya terlalu banyak. Mampatan rendah mungkin sesuai jika anda ingin mengekalkan kualiti gambar; walau bagaimanapun, ia tidak mengurangkan saiz dengan ketara.

Jenis pemampatan

Terdapat dua konsep yang telah kami nyatakan di atas, pemampatan lossless vs. lossy.

  • Mampatan tanpa rugi mengekalkan kualiti gambar sambil mengalih keluar metadata yang tidak diperlukan.
  • Mampatan hilang mengurangkan saiz fail dengan menyingkirkan beberapa elemen. Ia mungkin menjejaskan kualiti gambar. Anda mungkin, bagaimanapun, tidak perasan perbezaannya. Jadi, ia masih boleh menjadi cara terbaik untuk memampatkan imej.

Editor gambar yang betul akan membantu anda menentukan yang manapemampatan paling sesuai untuk anda.

4. Pengoptimuman imej diutamakan mudah alih

Sebarang langkah yang anda ambil mesti mengikut strategi SEO mengutamakan mudah alih, memandangkan Google bertukar kepada kedudukan pertama mudah alih. Imej harus kelihatan sama pada mana-mana peranti mudah alih seperti pada mana-mana peranti desktop. Sejumlah besar trafik internet datang melalui peranti sedemikian.

Jika pengguna tidak terlibat dengan UX yang baik apabila menggunakan peranti mudah alih, anda akan kehilangannya.

Pertimbangkan untuk mengoptimumkan imej untuk mengutamakan mudah alih. Jika ia kelihatan baik pada skrin kecil, ia akan kelihatan hebat pada desktop atau komputer riba.

Pengoptimuman ASO oleh Abbi_Kerimov

5. Nama fail dan kesannya pada SEO

Pengoptimuman imej juga memerlukan anda memberi perhatian kepada cara anda menamakan fail. Semua tindakan yang anda ambil harus mempunyai matlamat untuk meningkatkan keterlihatan pada enjin carian. Apabila anda memuat naik atau mengambil gambar, peranti akan memberikannya nama fail secara automatik. Nama ini biasanya terdiri daripada kod atau nombor rawak. Ia mungkin kelihatan seperti 2224444.jpg.

Memuat naik gambar seperti sedia ada di tapak web anda tidak akan membantu enjin carian sama sekali.

Lihat juga: 10 Sumber Reka Bentuk Pergerakan Terbaik untuk Meningkatkan Permainan AndaPermudahkan perangkak web mencari anda dengan memperuntukkan label deskriptif pada setiap imej. Menggabungkan kata kunci yang berkaitan yang memberikan maklumat tentang perniagaan atau tapak anda.

6. Pertimbangkan untuk menggunakan pemuatan malas

Pemuatan malas imej adalah tepat seperti namanya. Sebaliknyakeseluruhan imej dimuatkan sekali gus, ia semacam terbentang. Imej terus dimuatkan semakin banyak pelawat dalam talian menatal ke bawah halaman.

Pemuatan malas hanya mendedahkan perkara yang berkaitan pada ketika itu. Anda akhirnya akan menjimatkan lebar jalur kerana anda tidak akan menggunakan sebarang sumber yang tidak diperlukan.

Memuatkan... oleh Dona

Fikiran akhir

Prestasi web ialah faktor kedudukan kritikal yang digunakan oleh enjin carian. Google akan menghukum tapak anda jika kelajuan memuatkan halaman adalah rendah.

Banyak faktor menentukan kelajuan halaman dan imej menggunakan perintah salah satu kedudukan teratas. Jika anda tidak mengoptimumkan imej, prestasi web anda akan terjejas. Halaman akan dimuatkan dengan perlahan, dan pengalaman dan penglibatan pengguna tidak akan menjadi baik.

Pilih format imej yang betul. Seterusnya, gunakan teknik seperti mengubah saiz dan memampatkan untuk mengurangkan saiz fail. Jadualkan ujian halaman biasa dan audit tapak untuk menyemak prestasi tapak.




Rick Davis
Rick Davis
Rick Davis ialah pereka grafik berpengalaman dan artis visual dengan lebih 10 tahun pengalaman dalam industri. Beliau telah bekerja dengan pelbagai pelanggan, daripada syarikat permulaan kecil kepada syarikat besar, membantu mereka mencapai matlamat reka bentuk mereka dan meningkatkan jenama mereka melalui visual yang berkesan dan memberi kesan.Lulusan Sekolah Seni Visual di New York City, Rick bersemangat untuk menerokai trend dan teknologi reka bentuk baharu, dan sentiasa menolak sempadan apa yang mungkin dalam bidang itu. Beliau mempunyai kepakaran mendalam dalam perisian reka bentuk grafik, dan sentiasa bersemangat untuk berkongsi pengetahuan dan pandangannya dengan orang lain.Selain kerjanya sebagai pereka, Rick juga seorang blogger yang komited, dan berdedikasi untuk membuat liputan tentang trend dan perkembangan terkini dalam dunia perisian reka bentuk grafik. Beliau percaya bahawa perkongsian maklumat dan idea adalah kunci untuk memupuk komuniti reka bentuk yang kuat dan bertenaga, dan sentiasa bersemangat untuk berhubung dengan pereka bentuk dan kreatif lain dalam talian.Sama ada dia mereka bentuk logo baharu untuk pelanggan, bereksperimen dengan alatan dan teknik terkini di studionya, atau menulis catatan blog yang bermaklumat dan menarik, Rick sentiasa komited untuk menyampaikan kerja sebaik mungkin dan membantu orang lain mencapai matlamat reka bentuk mereka.