Penggunaan gambar bertipe PNG (Portable Network Graphics) telah menjadi salah satu standar dalam dunia desain web dan grafis. Format ini sangat diminati karena kualitas gambar yang baik, dukungan terhadap warna transparan, dan kompresi efisien tanpa mengurangi kualitas gambar. Dalam format PNG, terdapat dua varian utama, yaitu PNG 8 dan PNG 24. Kedua varian ini memiliki perbedaan mendasar terkait jumlah warna yang didukung dan tingkat transparansi yang disediakan. Dalam artikel ini, kita akan membahas hubungan mendasar antara PNG 8 dan PNG 24 dengan tingkat transparansi browser.
PNG 8
PNG 8, juga dikenal sebagai PNG berpalet indeks, merupakan salah satu jenis format PNG yang menggunakan palet warna yang terdiri dari maksimum 256 warna (8-bit). Dalam beberapa kasus, palet warna ini akan membuat file gambar berukuran lebih kecil daripada varian PNG 24-bit. Berkat palet warna yang terbatas, PNG 8 akan lebih hemat memori dan bandwith, namun hal ini juga mengakibatkan penampilan yang kurang optimal untuk gambar dengan warna variatif menjadikan PNG 8 kurang ideal digunakan untuk gambar foto, lukisan, dan sebagainya.
Salah satu kelebihan dari PNG 8 adalah dukungan transparansi. PNG 8 menawarkan transparansi 1-bit, yang artinya setiap piksel pada gambar bisa bersifat transparan atau tidak transparan dan tidak ada tingkat transparansi antara kedua kondisi ini. Transparansi pada PNG 8 disebut dengan transparansi biner.
PNG 24
Sementara itu, PNG 24 atau PNG Truecolor, merupakan format PNG yang lebih canggih. Format ini menggunakan 24-bit untuk menggambarkan warna (16,7 juta warna) dan menawarkan kedalaman warna yang lebih tinggi. PNG 24 sering digunakan untuk gambar dengan banyak variasi warna seperti foto, ilustrasi, dan sebagainya karena tingkat kejelasan gambar yang lebih baik.
Salah satu keuntungan utama PNG 24 adalah dukungan terhadap transparansi alfa. Transparansi alfa adalah dukungan transparansi 8-bit yang mengizinkan 256 variasi opasitas untuk setiap piksel. Dengan adanya transparansi alfa, kita bisa membuat gambar dengan efek transparansi yang halus, bayangan yang lembut, dan lapisan pekerjaan dengan transparansi semakin kompleks.