Bagaimana Mengurangkan Saiz Fail GIF untuk Prestasi Laman Web Lebih Baik

GIF yang rendah membuat kemunculan semata-mata kerana dengan peningkatan penggunaan telefon pintar dan pengguna jalur lebar yang terhad telah menjangkakan hampir masa beban segera. Semakin kecil imej web anda, semakin cepat gambar anda akan dimuat dan pengunjung yang lebih bahagia akan menjadi lebih. Di samping itu, banyak laman web mempunyai sekatan pada saiz banner iklan.

Imej GIF dan Web

Imej GIF tidak dianggap sebagai satu saiz yang sesuai dengan semua penyelesaian. Imej GIF mempunyai maksimum 256 warna, bermakna anda boleh mengharapkan imej yang serius dan kemerosotan warna jika anda tidak berhati-hati. Format fail GIF, dalam banyak aspek, adalah format warisan yang kembali ke hari terawal di web. Sebelum pengenalan format GIF, imej web hitam dan putih dan dimampatkan menggunakan format RLE. Mereka pertama kali muncul di tempat kejadian pada tahun 1987 apabila Compuserve mengeluarkan format sebagai penyelesaian pengimejan web. Pada masa itu, warna baru muncul di desktop dan web telah diakses oleh modem yang disambungkan ke saluran telefon. Ini mewujudkan keperluan untuk format imej yang menyimpan imej yang cukup kecil untuk disampaikan, melalui talian telefon, ke pelayar web secara ringkas.

Imej GIF sangat sesuai untuk grafik tajam bermata dengan palet warna yang terhad, seperti logo atau lukisan garis. Walaupun mereka boleh digunakan untuk gambar-gambar palet warna yang dikurangkan akan memperkenalkan artifak ke dalam imej. Namun, pergerakan Seni Glitch dan kebangkitan cinemagraph telah mencetuskan minat baru dalam format GIF.

Bagaimana Mengurangkan Saiz Fail GIF untuk Prestasi Laman Web Lebih Baik

Petua ini akan membantu anda membuat GIF anda sekecil mungkin.

  1. Tanamkan mana-mana ruang tambahan di sekeliling imej. Mengurangkan dimensi piksel imej anda adalah satu cara yang paling berkesan untuk mengurangkan saiz fail. Jika anda menggunakan Photoshop, arahan Trim berfungsi dengan baik untuk ini.
  2. Apabila anda menyediakan imej gif, anda mungkin mahu mengurangkan dimensi output.
  3. Kurangkan bilangan warna dalam imej.
  4. Untuk animasi GIF, mengurangkan bilangan bingkai dalam imej.
  5. Sekiranya anda menggunakan Photoshop CC 2017, anda boleh membuat fail GIF dengan menggunakan item menu Export As. Pilih Fail> Eksport Sebagai ... dan apabila menu dibuka, pilih GIF sebagai format fail dan kurangkan dimensi fizikal (Lebar dan Ketinggian) imej.
  6. Jika anda menggunakan Adobe Photoshop Elements 14, pilih Fail> Simpan Untuk web. Ini akan membuka kotak dialog Simpan Untuk Web yang juga terdapat dalam Adobe Photoshop CC 2017, Fail> Export> Save for Web (Legacy) . Apabila ia dibuka anda boleh memohon dithering, mengurangkan warna dan dimensi fizikal imej.
  7. Elakkan dithering. Dithering boleh membuat beberapa imej kelihatan lebih baik, tetapi ia akan meningkatkan saiz fail. Sekiranya perisian anda membenarkannya, gunakan tingkat bawah yang lebih rendah untuk menyimpan bait tambahan.
  1. Sesetengah perisian mempunyai pilihan "lossy" untuk menyimpan GIF. Pilihan ini boleh mengurangkan saiz fail dengan ketara, tetapi ia juga mengurangkan kualiti imej.
  2. Jangan gunakan interlacing. Interlacing biasanya meningkatkan saiz fail.
  3. Kedua-dua Photoshop dan Photoshop Elements akan menunjukkan kepada anda masa muat turun. Jangan perhatikannya. Ia berdasarkan pada penggunaan modem 56k. Nombor yang lebih sah akan muncul jika anda memilih Modem kabel dari menu pop-down.

Petua:

  1. Elakkan animasi yang tidak berguna. Animasi yang berlebihan bukan hanya menambah masa muat turun laman web anda, tetapi ramai pengguna mendapatinya mengganggu.
  2. Imej GIF dengan blok warna padat dan corak mendatar besar lebih baik daripada gambar dengan gradasi warna, bayang-bayang lembut, dan corak menegak.
  3. Apabila mengurangkan warna dalam GIF, anda akan mendapat mampatan terbaik apabila warna nombor disetkan kepada kemungkinan terkecil daripada pilihan ini: 2, 4, 8, 16, 32, 64, 128, atau 256.

Dikemaskini oleh Tom Green