Panduan Multimedia - Gambar GIF

GIF adalah salah satu format gambar utama yang digunakan di Web.

Artikel ini menjelaskan dengan detil karakteristik dan teknik penggunaan gambar GIF.

Memahami format gambar

Baik HTML maupun XHTML tidak menentukan format resmi gambar. Namun, browser populer telah menentukan format gambar tertentu: biasanya adalah GIF dan JPEG. Format multimedia lain kebanyakan memerlukan aplikasi bantuan khusus, pengguna browser setiap yang harus memperoleh, menginstal, dan mengoperasikan dengan benar aplikasi ini untuk dapat melihat atau mendengarkan file khusus ini. Oleh karena itu, GIF dan JPEG menjadi standar yang nyata di Web, hal ini tak mengejutkan.

Sebelum munculnya Web, kedua format gambar ini sudah digunakan secara luas, sehingga ada banyak software yang mendukung untuk membuat gambar dalam format ini. Namun, setiap format ini memiliki kelebihan dan kekurangan, dan beberapa browser akan menggunakan karakteristiknya untuk mencapai efek pertunjukan khusus.

GIF

Format GIF adalah format pertukaran gambar (Graphics Interchange Format, GIF), yang awalnya dikembangkan oleh CompuServe untuk mengirimkan gambar ke pengguna layanan online mereka.

Karakteristik format GIF

Format GIF memiliki banyak karakteristik, sehingga sangat populer di HTML/XHTML.

awalnya, teknologi pengkodeannya dapat digunakan di banyak platform. Jadi, dengan perangkat lunak dekoder GIF yang sesuai (banyak browser memilikinya), gambar yang dibuat dan diatur dalam file GIF di Macintosh dapat dengan mudah diunggah, didekoder, dan dilihat di PC berbasis Windows.

Karakteristik kedua format GIF adalah penggunaan teknologi kompresi khusus yang dapat mengurangi ukuran file gambar secara signifikan, sehingga dapat diangkut lebih cepat di jaringan. Kompresi GIF adalah kompresi 'tanpa hilangnya data', yang artinya data asli gambar tidak berubah atau hilang, sehingga gambar yang didekompresi dan didekoder sama seperti gambar asli.

Selain itu, gambar GIF sangat mudah untuk melaksanakan efek animasi.

Versi dan warna format GIF

Meskipun file gambar GIF menggunakan ekstensi .gif (atau .GIF) untuk nama file, ada dua versi GIF: asli GIF87 dan GIF89a, yang mendukung banyak fitur baru, termasuk latar belakang transparan, penyimpanan yang bersamaan dan animasi, fitur ini sangat populer di para penulis Web.

Peramban yang populer saat ini mendukung kedua format GIF ini, yang keduanya menggabungkan nilai pixel 8-bit ke tabel warna yang sama, sehingga setiap gambar maksimal dapat memiliki 256 jenis warna.

Banyak gambar GIF sebenarnya memiliki sedikit warna, beberapa alat khusus (seperti Macromedia Fireworks) dapat mempermudah warna ini di gambar yang lebih halus. Dengan mempermudah warna, dapat dibuat ukuran citra warna yang lebih kecil dan memperkuat kelebihan pixel, sehingga memungkinkan pengkompresian file yang lebih tinggi, sehingga kecepatan pemberikan file yang lebih cepat.

Namun, karena jumlah warna terbatas, gambar yang dienkodasi dengan GIF bukan selalu cocok, terutama untuk gambar yang menampilkan efek yang seperti foto. GIF dapat digunakan untuk membuat ikon dan gambar yang memiliki sedikit warna serta gambar dan lukisan.

bahkan penulis yang sangat pemilih akan memilih GIF

Karena sebagian besar peramban grafis mendukung format GIF secara eksplisit, sehingga saat ini format enkoding gambar yang paling disetujui di Web. Gambar yang disertakan dan gambar yang dihubungkan eksternal dapat digunakan dalam format ini. Jika Anda ragu tentang memilih format gambar, penggunaan GIF pasti benar. Ini hampir dapat digunakan di semua situasi.

Teknik gambar GIF

Gambar GIF memiliki tiga teknik khusus: skaning baris genap (interlacing), transparansi (transparency) dan animasi (animation).

Skaning baris genap

Dengan skaning baris genap, gambar GIF dapat muncul sekaligus di layar, bukannya menampilkan dari atas ke bawah secara bertahap. Secara umum, gambar yang dienkodasi dengan GIF adalah urutan data pixel dari atas ke bawah, baris demi baris. Oleh karena itu, gambar GIF biasa menampilkan di layar seperti membuka jendela penutup, sementara gambar GIF dengan skaning baris genap menampilkan seperti memutar jendela geser. Ini disebabkan karena urutan data pixel menginterlacing setiap 4 baris. Pengguna hanya memerlukan waktu yang sama untuk menampilkan seluruh gambar yang sama seperti untuk menampilkan sepertiga dari gambar, walaupun gambar itu masih blur. Gambar yang hanya selesai sepertiga ini biasanya sudah cukup jelas, sehingga pengguna yang memiliki koneksi internet lambat dapat menilai apakah perlu menghabiskan waktu untuk mengunduh bagian lain dari gambar.

Meskipun semua peramban grafis dapat menampilkan GIF skaning ganda, bukan semua peramban dapat menampilkan efek yang terus mengering seperti itu. bahkan untuk peramban yang dapat melaksanakan efek ini, pengguna dapat memilih untuk menahan efek ini dengan menampilkan gambar setelah penuhnya diunduh dan dicekodi. Peramban kuno selalu menampilkan gambar setelah penuhnya diunduh dan dicekodi, jadi efek ini sama sekali tidak didukung.

Transparansi

Gambar GIF (yang sebenarnya adalah gambar format GIF89a) ada efek yang sering digunakan lainnya, yaitu dapat membuat bagian dari gambar menjadi transparan, sehingga konten di bawah gambar (biasanya latar belakang jendela browser) dapat terlihat melalui bagian transparan. Gambar GIF transparan menggunakan warna khusus dalam peta warna untuk warna latar, sehingga latar belakang jendela yang ditampilkan dapat melalui warna latar. Dengan memotong ukuran gambar dengan hati-hati dan memilih warna latar yang dekat dengan warna bersih, gambar transparan dapat dibuat terlihat seperti yang terpasang sepenuhnya di dalam halaman web, atau bergerak di atasnya.

Gambar GIF transparan cocok untuk segala gambar yang ingin disatukan dalam dokumen tetapi tidak ingin terlihat seperti blok. Logo GIF yang transparan sangat umum, seperti ikon yang transparan atau simbol cetak - gambar apapun dengan bentuk alami yang berbagai macam dapat digunakan efek ini. Juga dapat menempatkan gambar inline transparan di dalam teks tradisional, untuk menampilkan karakter simbol khusus di dalamnya.

Ada kelemahan dalam efek transparansi gambar GIF, yaitu jika diisi di dalam tag penyangkut hyperlink (<a>) tanpa menghilangkan garis pinggirnya, atau disingkat dengan bingkai khusus, gambar akan terlihat sangat buruk. Dan konten lain akan ditampilkan di sekitar garis pinggir persegi gambar, bukannya mendekati garis pinggir taktransparan gambar. Hasilnya adalah pengisolasian yang tak perlu bagi gambar, atau halaman yang terlihat sangat aneh.

Animasi

Karakteristik yang ketiga dari format gambar GIF89a adalah kemampuan untuk melaksanakan animasi perframe yang sederhana. Dengan menggunakan alat perangkat lunak animasi GIF khusus, dapat menempatkan sekumpulan gambar GIF di dalam satu file GIF89a. Peramban akan menampilkan secara berurutan setiap gambar di dalam file, seperti buku kecil yang kami mainkan (atau bahkan menggambar) saat kecil, yang menghasilkan efek animasi dengan halaman yang ditarik cepat. Dalam file GIF, setiap gambar memiliki bagian kontrol khusus yang dapat digunakan untuk menetapkan berapa kali seluruh urutan (berulang) ditampilkan secara keseluruhan, berapa lama istirahat antara setiap dua gambar, serta apakah gambar dihapus dari latar belakang sebelum gambar berikutnya ditampilkan, dan sebagainya. Dengan menggabungkan fitur ini dengan fitur yang biasanya dimiliki GIF (termasuk tabel warna yang terpisah, kehalus, dan skaning ganda), dapat menciptakan gambar yang sangat menarik dan sangat halus.

Kemampuan animasi GIF yang sederhana untuk memiliki efek kuat disebabkan oleh alasan yang penting lainnya: untuk mendapatkan efek animasi tanpa perlu menulis program khusus untuk dokumen HTML. Tetapi ia juga memiliki masalah yang sangat besar, yaitu ia terbatas pada gambar yang sangat kecil seperti ikon, atau hanya mengambil satu jalur yang sangat sempit di jendela browser: bahkan jika Anda sangat hati-hati untuk tidak mengulangi bagian statis di unit animasi berurutan, animasi GIF masih sangat mudah menjadi besar. Dengan demikian, jika dokumen berisi banyak animasi, waktu penundaan untuk mengunduh gambar dapat mengecewakan pengguna. Jika ada sifat yang值得我们 sangat hati-hati dan tidak digunakan secara berlebihan, itu adalah animasi GIF.

Ringkasan

Kemampuan GIF yang sederhana untuk memiliki efek kuat disebabkan oleh alasan yang penting lainnya: untuk mendapatkan efek animasi tanpa perlu menulis program khusus untuk dokumen HTML. Tetapi ia juga memiliki masalah yang sangat besar, yaitu ia terbatas pada gambar yang sangat kecil seperti ikon, atau hanya mengambil satu jalur yang sangat sempit di jendela browser: bahkan jika Anda sangat hati-hati untuk tidak mengulangi bagian statis di unit animasi berurutan, animasi GIF masih sangat mudah menjadi besar. Dengan demikian, jika dokumen berisi banyak animasi, waktu penundaan untuk mengunduh gambar dapat mengecewakan pengguna. Jika ada sifat yang值得我们 sangat hati-hati dan tidak digunakan secara berlebihan, itu adalah animasi GIF.