Cara Mengurangi Ukuran File GIF untuk Kinerja Situs Web yang Lebih Baik

The Lowly GIF membuat comeback hanya karena dengan meningkatnya penggunaan smartphone dan pengguna bandwidth terbatas telah datang untuk mengharapkan waktu loading instan. Semakin kecil gambar web Anda, semakin cepat gambar Anda akan memuat dan semakin bahagia pengunjung Anda. Selain itu, banyak situs web memiliki batasan ukuran spanduk iklan.

Gambar GIF dan Web

Gambar GIF tidak dapat dianggap sebagai satu ukuran cocok untuk semua solusi. Gambar GIF memiliki maksimum 256 warna, yang berarti Anda dapat mengharapkan gambar yang serius dan degradasi warna jika Anda tidak berhati-hati. Format file GIF, dalam banyak hal, adalah format lama yang kembali ke hari-hari awal web. Sebelum pengenalan format GIF, gambar web hitam dan putih dan dikompresi menggunakan format RLE. Mereka pertama kali muncul di TKP pada tahun 1987 ketika Compuserve merilis format sebagai solusi pencitraan web. Saat itu, warna baru saja muncul di desktop dan web diakses oleh modem yang terhubung ke saluran telepon. Ini menciptakan kebutuhan untuk format gambar yang menyimpan gambar cukup kecil untuk dikirimkan, melalui saluran telepon, ke browser web dalam waktu singkat.

Gambar GIF ideal untuk grafis tajam dengan palet warna terbatas, seperti logo atau gambar garis. Meskipun mereka dapat digunakan untuk memotret palet warna yang diperkecil akan memperkenalkan artefak ke dalam gambar. Namun, gerakan Glitch Art dan munculnya cinemagraph telah memicu minat baru dalam format GIF.

Cara Mengurangi Ukuran File GIF untuk Kinerja Situs Web yang Lebih Baik

Kiat-kiat ini akan membantu Anda membuat GIF Anda sekecil mungkin.

  1. Pangkas semua ruang ekstra di sekitar gambar. Mengurangi dimensi piksel gambar Anda adalah cara paling efektif untuk mengurangi ukuran file. Jika Anda menggunakan Photoshop, perintah Potong berfungsi dengan baik untuk ini.
  2. Saat Anda menyiapkan gambar gif, Anda mungkin ingin mengurangi dimensi output.
  3. Kurangi jumlah warna dalam gambar.
  4. Untuk GIF animasi, kurangi jumlah bingkai dalam gambar.
  5. Jika Anda menggunakan Photoshop CC 2017, Anda dapat membuat file GIF dengan menggunakan item menu Ekspor Sebagai. Pilih File> Export As ... dan ketika menu terbuka, pilih GIF sebagai format file dan kurangi dimensi fisik (Lebar dan Tinggi) dari gambar.
  6. Jika Anda menggunakan Adobe Photoshop Elements 14, pilih File> Save For web. Ini akan membuka kotak dialog Save For Web yang juga ditemukan di Adobe Photoshop CC 2017, File> Export> Save for Web (Legacy) . Ketika terbuka Anda dapat menerapkan dithering, mengurangi warna dan dimensi fisik dari gambar.
  7. Hindari dithering. Dithering mungkin membuat beberapa gambar terlihat lebih baik, tetapi itu akan meningkatkan ukuran file. Jika perangkat lunak Anda memungkinkan, gunakan tingkat dithering yang lebih rendah untuk menghemat byte tambahan.
  1. Beberapa perangkat lunak memiliki opsi "lossy" untuk menyimpan GIF. Pilihan ini dapat mengurangi ukuran file secara signifikan, tetapi juga mengurangi kualitas gambar.
  2. Jangan gunakan interlace. Interlacing biasanya meningkatkan ukuran file.
  3. Baik Photoshop dan Photoshop Elements akan menunjukkan waktu unduh kepada Anda. Jangan pedulikan itu. Ini didasarkan pada penggunaan modem 56k. Nomor yang lebih valid akan muncul jika Anda memilih Modem kabel dari menu pop-down.

Kiat:

  1. Hindari animasi yang tidak berguna. Animasi yang berlebihan tidak hanya menambah waktu unduh halaman web Anda, tetapi banyak pengguna merasa terganggu.
  2. Gambar GIF dengan blok warna solid besar dan pola horizontal mengkompres lebih baik daripada gambar dengan gradasi warna, bayangan lembut, dan pola vertikal.
  3. Saat mengurangi warna dalam GIF, Anda akan mendapatkan kompresi terbaik ketika warna angka disetel ke kemungkinan terkecil dari opsi ini: 2, 4, 8, 16, 32, 64, 128, atau 256.

Diperbarui oleh Tom Green