Apa Itu GIF? 256 Warna, Animasi, dan Kompresi LZW

GIF (Graphics Interchange Format) adalah salah satu format gambar tertua di web. Sudah lama GIF kalah dari JPG untuk foto dan dari PNG untuk grafik, tetapi format ini masih menjadi hal pertama yang terlintas untuk animasi pendek yang berulang. Artikel ini menjelaskan awal mula GIF, cara kerja kompresi dan animasinya, arti sebenarnya dari batas 256 warna, dan format apa saja yang bisa Anda pertimbangkan sebagai gantinya.

Sejarah singkat

GIF dikembangkan oleh CompuServe, salah satu layanan online besar pada masanya. Menurut registri PRONOM milik The National Archives Inggris, versi pertamanya, GIF87a, dirilis pada 15 Juni 1987. Versi berikutnya, GIF89a, mengambil namanya dari tahun 1989; teks spesifikasinya, yang dicantumkan PRONOM dan dihosting oleh W3C, bertanggal 31 Juli 1990. Versi 89a menambahkan Graphic Control Extension, yang mendefinisikan jeda frame, transparansi, dan metode pembuangan (disposal), beserta ekstensi komentar, teks polos, dan aplikasi. GIF animasi masa kini dibangun di atas ekstensi-ekstensi tersebut.

Bab paling terkenal dalam kisah GIF adalah sengketa paten. GIF dikompresi dengan LZW, algoritma yang dipatenkan oleh Unisys. Menurut deskripsi format dari Library of Congress, GIF menjadi terkenal buruk pada 1994 ketika Unisys mulai menarik biaya lisensi LZW. Hal itu mendorong pengembangan PNG sebagai alternatif bebas paten. Menurut sumber yang sama, paten Unisys di AS berakhir pada Juni 2003 serta paten di Eropa dan Jepang pada Juni 2004, sehingga saat ini tidak diperlukan lisensi untuk memakai GIF.

Cara kerja GIF

Palet dan batas 256 warna

GIF tidak menyimpan warna setiap piksel secara langsung; GIF menyimpan indeks ke tabel warna (palet). Menurut spesifikasinya, tabel warna bisa menampung paling banyak 256 entri, masing-masing berupa warna RGB 24-bit. Tabel global bisa berlaku untuk seluruh file, dan setiap frame juga bisa memiliki tabel lokalnya sendiri. Logo dan ilustrasi dengan sedikit warna mudah muat dalam batas ini, sedangkan foto dengan ribuan nada warna menampilkan pola banding atau dithering saat direduksi menjadi 256 warna.

Kompresi LZW

Indeks piksel dikompresi secara lossless dengan LZW, yang memakai kode berpanjang variabel; spesifikasi mengizinkan kode tumbuh hingga 12 bit. LZW bekerja dengan menambahkan urutan piksel yang berulang ke sebuah kamus, sehingga bagus untuk area warna datar yang luas dan buruk untuk foto yang penuh noise.

Transparansi

Di GIF89a, Graphic Control Extension bisa menandai satu warna palet sebagai "transparan". Ini adalah transparansi hidup/mati (biner): sebuah piksel terlihat penuh atau transparan penuh. Itulah sebabnya bayangan semi-transparan dan tepi lembut tampak bergerigi di GIF, dan mengapa "halo" terang di sekitar tepi pada latar berwarna menjadi masalah yang sangat umum.

Animasi

GIF animasi adalah urutan frame dalam satu file. Graphic Control Extension setiap frame menentukan berapa lama frame itu tampil di layar, dalam seperseratus detik, dan bagaimana areanya dibersihkan sebelum frame berikutnya. Informasi perulangan disimpan dalam ekstensi aplikasi. Interlacing opsional memungkinkan gambar muncul bertahap selama dimuat.

Metode pembuangan frame

Spesifikasi mendefinisikan empat nilai untuk cara memperlakukan area frame setelah ditampilkan: tidak ada pembuangan yang ditentukan, biarkan frame di tempatnya, kembalikan area ke warna latar, dan kembalikan area ke kondisi sebelumnya. Pada animasi yang dibuat dengan baik, hanya bagian yang berubah yang ditulis sebagai frame baru dan sisanya dibawa dari frame sebelumnya, dan itulah yang membuat file tetap kecil. Karena itu, alat yang menyunting GIF harus bekerja pada gambar utuh yang disusun dengan aturan-aturan ini, bukan pada frame mentah satu per satu.

Seberapa luas GIF digunakan?

Data W3Techs per Oktober 2026 menunjukkan GIF dipakai di 13,2% situs web yang dipantaunya. Menurut HTTP Archive Web Almanac 2024, 16,8% gambar di halaman seluler adalah GIF; laporan itu menyebutkan 32% dari GIF tersebut adalah animasi. Laporan itu juga mencatat bahwa sekitar 6% dari semua permintaan gambar adalah gambar 1x1 piksel, kemungkinan besar beacon pelacak dan GIF pengatur jarak (spacer), jadi porsi GIF yang tinggi tidak hanya berasal dari animasi.

Dari segi efisiensi, GIF jauh tertinggal. Laporan yang sama menempatkan median GIF pada 6,7 bit per piksel, dibandingkan 3,8 untuk PNG, 2,0 untuk JPEG, dan 1,3 untuk WebP. Untuk GIF animasi, mediannya naik menjadi 32,6 bit, sedangkan GIF tanpa animasi tetap di 3,5 bit.

Apa yang bisa menggantikan GIF?

Panduan format gambar MDN memandang GIF sebagai pilihan yang baik untuk gambar dan animasi dasar, tetapi menyarankan PNG untuk gambar diam lossless dan terindeks, serta WebP, AVIF, atau APNG untuk urutan animasi. Untuk animasi panjang atau yang dibuat dari rekaman nyata, video jauh lebih efisien: dalam contoh di web.dev, GIF berukuran 3,7 MB menyusut menjadi 551 KB sebagai MP4 dan 341 KB sebagai WebM.

Aplikasi email dan sebagian aplikasi pesan tidak memutar video atau menampilkan WebP animasi. Kompatibilitas universal itulah alasan sebenarnya GIF bertahan selama lebih dari tiga dekade.

Masalah umum

GIF terlalu besar

Jumlah frame, dimensi piksel, dan banyaknya gerakan semuanya langsung menambah ukuran file. Memperkecil dimensinya, memotong frame, atau mengambil potongan pendek adalah solusi paling efektif; untuk klip panjang, beralih ke video adalah pilihan yang lebih baik.

Warna tampak bergaris atau berbintik

Ini adalah akibat wajar dari batas 256 warna. Gradasi halus seperti langit atau warna kulit paling terpengaruh. Untuk konten mirip foto, gunakan JPG, WebP, atau video alih-alih GIF.

Ada halo putih di sekitar tepi

Karena GIF transparan tidak bisa semi-transparan, gambar yang disiapkan di latar terang akan memperlihatkan nada warna tepi peralihannya saat diletakkan di latar gelap. Untuk gambar transparan bertepi lembut, gunakan PNG atau WebP.

Animasi berhenti setelah dikonversi

PNG dan JPG tidak membawa animasi, jadi GIF animasi yang dikonversi ke salah satu format itu hanya menyisakan satu frame.

Tips bekerja dengan GIF

• Untuk mengambil gambar diam, konversi GIF ke PNG. Frame pertama GIF disimpan sebagai PNG lossless beserta transparansinya.
• Untuk memperkecil dimensi GIF animasi, gunakan pengubah ukuran gambar. GIF animasi mempertahankan setiap frame dan waktu tampilnya saat diubah ukurannya (hingga 600 frame).
• Untuk memotong animasi, pemotong gambar menerapkan potongan yang sama pada setiap frame dan mempertahankan pengaturan waktu frame.
• Untuk memperkecil ukuran file, kompresor gambar mempertahankan GIF animasi sebagai GIF dengan semua frame-nya, sedangkan GIF diam diubah ke WebP secara bawaan agar lebih kecil.
• Untuk mengubah gambar lain menjadi GIF, pilih GIF sebagai tujuan di konverter gambar. Hasilnya adalah satu frame dengan hingga 256 warna, dan area semi-transparan direduksi menjadi transparansi hidup/mati.
• Semua ini berjalan di browser Anda, sehingga file Anda tidak pernah meninggalkan perangkat Anda.

Pertanyaan yang Sering Diajukan

Apakah GIF lossy?

Kompresi LZW bersifat lossless. Namun, mengonversi gambar penuh warna ke GIF memerlukan reduksi menjadi 256 warna, dan langkah pengurangan warna itulah tempat kehilangan terjadi.

Apakah ada perbedaan antara GIF dan GIF animasi?

Formatnya sama. GIF dengan satu frame bersifat diam, dan GIF dengan beberapa frame bersifat animasi. Jeda frame dan informasi perulangan disimpan dalam ekstensi di dalam file.

Mengapa GIF masih digunakan?

Karena GIF bisa diputar hampir di mana saja tanpa pengaturan apa pun: di browser, aplikasi email, aplikasi chat, dan perangkat lunak lama. Alternatif yang lebih efisien belum menawarkan kompatibilitas seperti itu di semua lingkungan.

Apakah masuk akal mengonversi GIF ke MP4?

Jika Anda menampilkannya di situs web Anda, biasanya ya. Dalam contoh web.dev, versi videonya hanya berukuran sekitar sepertujuh hingga sepersepuluh ukuran GIF. Video yang diputar dengan atribut autoplay, loop, muted, dan playsinline berperilaku persis seperti GIF di halaman.

Berapa banyak warna yang bisa dimiliki GIF?

Setiap tabel warna menampung paling banyak 256 warna. Secara teknis, karena setiap frame bisa membawa tabel lokalnya sendiri, GIF multi-frame bisa menampilkan lebih banyak warna secara keseluruhan, tetapi dalam satu frame batasnya tetap 256.

Sumber

• CompuServe: Graphics Interchange Format Version 89a (salinan W3C)
• The National Archives PRONOM: Graphics Interchange Format 87a
• The National Archives PRONOM: Graphics Interchange Format 89a
• Library of Congress: deskripsi format GIF 89a
• MDN: Image file type and format guide
• web.dev: Replace animated GIFs with video for faster page loads
• W3Techs: Statistik penggunaan format file gambar di situs web
• HTTP Archive Web Almanac 2024: Media