Cara Mengoptimumkan Imej untuk Web

Sekeping gambar bernilai seribu perkataan kerana ia boleh menyampaikan lebih banyak mesej. Dalam dunia digital ini, sekitar 64% laman web sama ada media, e-dagang, laman web pelancongan semuanya mempunyai imej. Memandangkan kita manusia adalah makhluk visual dan peratusan besar otak manusia didedikasikan untuk memproses imej. Laman web hari ini menggunakan fakta yang terkenal ini untuk menarik perhatian pengguna. Tetapi tapak web tertentu dengan imej yang tidak betul dan berkualiti rendah tidak begitu meyakinkan.

Tapak web yang mengambil masa lebih daripada 3 saat untuk dimuatkan cenderung kehilangan penglibatan pengguna dan mempunyai kedudukan Google yang rendah. Oleh itu, jika tapak web anda kurang pelawat, kedudukan Google yang baik anda perlu mengoptimumkan imej dan mengikuti petua tertentu yang dijelaskan di bawah:

Sebelum kita mempelajari tentang pengoptimuman imej, ketahui apa itu pengoptimuman imej dan mengapa pengoptimuman imej penting.

Apakah pengoptimuman imej?

Pengoptimuman imej ialah proses mengurangkan saiz fail tanpa kehilangan kualiti imej. Ini bermakna anda mendapat imej berkualiti tinggi dalam format, saiz, dimensi dan peleraian yang betul dengan mengekalkan saiz sekecil mungkin. Imej boleh dioptimumkan dengan cara yang berbeza seperti memampatkan saiz, mengubah saiz dan caching. Ini membantu meningkatkan prestasi tapak web dan meningkatkan kelajuan pemuatan halaman web.

Mengapa pengoptimuman imej penting?

Pengguna cenderung untuk meninggalkan tapak web yang mengambil masa lebih daripada 3 saat untuk dimuatkan, sekali gus meningkatkan kadar lantunan yang akhirnya mempengaruhi kadar penukaran tapak web. Tetapi dengan pengoptimuman imej kelajuan muat halaman boleh ditingkatkan, kedudukan SEO laman web boleh dipertingkatkan pengalaman pengguna boleh dipertingkatkan.

Kelajuan memuatkan halaman ialah masa yang diambil oleh halaman web untuk memuatkan sepenuhnya. Tapak web dengan masa muat kurang daripada 2 saat paling kerap dilawati dan digemari. Oleh itu, memainkan peranan penting dalam kedudukan laman web dan menjadikan pengoptimuman imej penting. Bukan sahaja pengoptimuman imej ini juga berkaitan dengan ranking dan penukaran SEO.

Berikut ialah beberapa petua untuk mengoptimumkan imej untuk web dan membuat halaman dimuatkan dengan lebih cepat.

1. Simpan imej dalam skema warna yang betul

Terutamanya, RGB dan CMYK ialah dua skema warna yang digunakan oleh komputer untuk memaparkan imej. Di mana RGB bermaksud (merah, hijau, biru) dan CMYK bermaksud cyan, magenta, kuning dan hitam. RGB ialah ruang warna standard yang digunakan oleh kamera, komputer dan CMYK digunakan untuk mencetak.

Oleh itu, jika imej CMYK digunakan di web, ia memperlahankan kelajuan pemuatan halaman dan juga, ia tidak seterang dan terang seperti RGB. Oleh itu, untuk menarik pengguna dan meningkatkan kelajuan muat halaman imej skema warna RGB akan digunakan.

Untuk menukar imej CMYK kepada RGB Adobe Photoshop boleh digunakan. Sebaik sahaja profil warna imej ditukar, fail hendaklah disimpan semula dengan nama lain untuk memudahkan pembezaan antara kedua-dua fail.

Baca Juga:-

10 Perisian Penukar Imej Terbaik untuk Windows 2021 Semasa menggunakan Windows, sekali-sekala anda mungkin mengalami makluman "Format Imej tidak disokong". Sekarang perbaiki ini pada...

2. Mampatkan saiz fail imej

Fail web bersaiz lebih daripada 2MB tidak boleh digunakan kerana ia terlalu memperlahankan kelajuan pemuatan halaman. Oleh itu, mengekalkan saiz terhad kepada 2MB (2048 kilobait) adalah idea yang baik. Selain daripada imej ini yang digunakan untuk tapak web tidak boleh piksel. Ini bermakna imej harus tajam dan kualiti imej harus kontinjen. Kualiti imej bergantung pada tetapan mampatan, saiz fail akhir. Dengan tetapan mampatan yang betul, saiz fail yang lebih kecil dan kualiti imej yang baik boleh dicapai.

Secara amnya, imej yang disimpan dengan tahap mampatan imej antara 70-80% tidak berpixel. Untuk alat pemampatan imej ini boleh digunakan.

3. Simpan imej dalam format fail yang betul

Terdapat empat format fail utama JPG, PNG, GIF dan SVG di mana grafik dan imej boleh disimpan. Tetapi setiap format fail mempunyai kelebihan dan kekurangannya sendiri. Oleh itu, setiap grafik atau imej perlu disimpan dalam format tertentu berdasarkan raster atau vektor.

Imej Raster mempunyai bilangan piksel terhingga dan boleh ditangkap menggunakan program berasaskan piksel seperti pengimbas atau kamera. Apabila imej raster yang diperbesarkan cenderung kehilangan kualiti dan format yang paling sesuai untuk imej raster ialah JPG, PNG dan GIF.

Manakala grafik Vektor dicipta menggunakan perisian vektor dan imej ini boleh dikembangkan tanpa menjejaskan kualiti. Format paling sesuai untuk imej vektor ialah SVG dan GIF. Tetapi imej vektor boleh disimpan dalam format JPG atau PNG juga. Tetapi berbuat demikian menjadikan imej kehilangan keupayaan untuk menskalakan grafik anda tanpa had.

JPG

Kelebihan JPG

• Saiz fail minimum
• Imej berkualiti tinggi terbaik
• Serasi dengan web dan peranti moden yang lain

Kekurangan JPG

• Kualiti imej berkurangan apabila dimampatkan
• Tidak menyokong latar belakang telus

Bila hendak menggunakan JPG

JPG boleh digunakan apabila imej tidak bergerak dengan kualiti tinggi diperlukan. Tetapi mereka tidak boleh digunakan pada latar belakang berwarna.

PNG

Satu lagi format raster biasa yang serba boleh daripada JPG ialah PNG. Ia boleh menyokong lebih 16 juta warna, saluran alfa atau latar belakang telus.

Baca Juga:-

Bagaimana Untuk Mengubah Saiz Imej Pada Mac Tanpa Kehilangan... Memindahkan data Mac anda ke pemacu denyar? Ubah saiz imej tanpa kehilangan kualiti ia akan menjimatkan masa anda...

Kelebihan PNG

• Menawarkan latar belakang lutsinar kepada imej lapisan pada latar belakang berwarna
• Tanpa kehilangan imej berkualiti boleh dimampatkan

Keburukan PNG

• Saiz fail imej lebih besar daripada JPG
• Tidak menyokong animasi

Apabila PNG harus digunakan

Apabila grafik dengan latar belakang bukan putih, teks, tepi tajam, logo, ikon dan reka bentuk lain diperlukan grafik PNG harus digunakan.

GIF

GIF  ialah satu lagi format raster yang membolehkan untuk mendapatkan imej bergerak dengan menyusun imej di atas satu sama lain untuk mencipta gerakan.

Kelebihan GIF

• Boleh mencipta mesej dan imej animasi
• Menyokong latar belakang telus

Kelemahan GIF

• Saiz dan kualiti fail imej disambungkan dengan warna. Lebih banyak warna bermakna imej lebih tajam, tetapi ini meningkatkan saiz fail. Manakala warna yang kurang akan menjadikan imej lebih berbutir
• Imej dengan hanya 256 warna boleh digunakan

Bila GIF harus digunakan

GIF membolehkan untuk memaparkan berbilang imej dengan keanjalan dan perubahan menarik dalam grafik yang sama. Walau bagaimanapun, grafik dengan banyak warna meningkatkan saiz fail.

SVG

Tidak seperti JPG, PNG, GIF, SVG  ialah format vektor. Ia membolehkan untuk memanipulasi objek dengan grafik yang tajam di web. Menggunakan program seperti Inkscape, Adobe Illustrator dan imej vektor Sketch boleh diedit dan dibuat.

Kelebihan SVG

• Saiz fail yang lebih kecil
• Fail boleh diubah saiznya tanpa membiarkannya kehilangan kualiti
• Berguna untuk pembangun
• Program seperti Adobe Illustrator boleh digunakan untuk mengedit imej vektor
• Membenarkan animasi
• Disokong oleh Microsoft Office untuk grafik

Kekurangan SVG

• Saiz dan kualiti fail imej disambungkan kepada warna. Lebih banyak warna bermakna imej lebih tajam tetapi dengan saiz fail imej yang besar. Kurang warna akan menjadikan imej lebih berbutir
• Had penggunaan imej dengan hanya 256 warna

Apabila SVG harus digunakan

Memandangkan imej SVG boleh dizum tanpa kehilangan kualiti imej, ia boleh digunakan untuk grafik, logo, ikon dan ilustrasi lain di web. Selain daripada ini, imej ini boleh digunakan untuk peranti mudah alih kerana ia kelihatan hebat dengan paparan ketumpatan piksel tinggi seperti telefon pintar.

Baca Juga:-

Perisian OCR Terbaik untuk Mengekstrak Teks daripada Imej Berfikir tentang menukar nota tulisan tangan atau dokumen yang diimbas kepada dokumen boleh diedit yang teratur? Anda boleh melakukan ini dengan bantuan...

4. Eksport berbilang saiz untuk paparan telefon pintar

Dengan telefon pintar menjadi pengguna popular ingin mengakses segala-galanya pada peranti mudah alih mereka. Tetapi memandangkan peranti ini mempunyai paparan lebih daripada 200 PPI berbanding 72 PPI biasa, standard untuk PC dan web.

Untuk menjadikan imej menyokong kedua-dua jenis PPI Adobe Illustrator dan Photoshop boleh digunakan. Ini akan membantu untuk mengeksport imej dengan skala 2X dan 3X. Ini bermakna imej asal bersama-sama dengan 200% dan 300% akan dibuat. Juga, imej dengan resolusi yang lebih tinggi boleh dieksport.

5. Tingkatkan saiz imej yang lebih kecil sebanyak 115%

Jika imej raster bersaiz lebih kecil digunakan, ia perlu ditingkatkan sebanyak 115% untuk mengurangkan pikselasi untuk Adobe Photoshop ini boleh digunakan.

Menggunakan petua yang dinyatakan di atas kita boleh mempunyai imej yang tajam dan fokus. Memandangkan imej yang dioptimumkan ini membantu menarik perhatian pengguna dan mengekalkannya di halaman web untuk tempoh yang lebih lama. Mereka bukan sahaja akan menjadikan halaman web kelihatan lebih cantik tetapi juga akan membantu mengurangkan masa muat halaman.

Pengoptimuman imej bukan sahaja berguna untuk web tetapi juga membantu untuk menyimpan imej dan menjadikannya kelihatan menarik. Imej yang berat menggunakan banyak lebar jalur yang tidak disukai oleh pengguna oleh itu imej perlu dioptimumkan.