Cara Memilih dan Menggunakan Format Gambar Web PNG, JPG, GIF

Jadi yang mana yang harus kita pilih sebagai format kandidat untuk format GIF, PNG, dan JPG, dan format gambar mana yang dapat membuat gambar lebih kecil tetapi memiliki kualitas gambar yang lebih baik?

Fitur GIF yang paling menonjol adalah mendukung animasi, dan GIF juga merupakan format gambar lossless, yang berarti bahwa setelah Anda memodifikasi gambar, kualitas gambar tidak akan hilang. Selain itu, GIF mendukung tembus pandang (transparan penuh atau penuh).

Menurut Google, GIF cocok untuk gambar kecil atau sederhana (10 × 10 atau di bawah atau di bawah 3 warna).

Pertama-tama, PNG termasuk PNG-8 dan Color-PNG sejati (PNG-24 atau PNG-32). Keuntungan terbesar dari PNG over GIF adalah:

• Biasanya lebih kecil
• Dukungan alpha (transparan penuh)

Tetapi kita tahu bahwa PNG tidak mendukung animasi.

Pada saat yang sama, harus dicatat bahwa IE6 dapat mendukung PNG-8, tetapi itu akan menampilkan abu-abu saat berhadapan dengan transparansi PNG-24. Untuk contoh terkait, silakan merujuk ke Sitepoint.

Biasanya, menyimpan gambar karena PNG-8 akan menghasilkan volume yang lebih kecil daripada GIF di bawah kualitas yang sama, sementara kita hanya dapat menggunakan PNG-24 untuk gambar yang sepenuhnya transparan. Tapi harap dicatat bahwa menyimpan gambar dibandingkan dalam PNG-8 dan GIF. Karena hukum tidak selalu benar.

JPG dapat menampilkan lebih banyak warna daripada GIF dan PNG, dan menjadi sangat terkompresi, jadi JPG sangat cocok untuk menyimpan foto digital. Tetapi ketahuilah bahwa itu adalah semacam kompresi distorsi, yang berarti bahwa setiap kali Anda memodifikasi gambar, Anda akan menyebabkan distorsi piksel.

Setelah membaca pengantar di atas, Anda harus memiliki pemahaman kasar tentang format mana yang akan menyimpan gambar yang mana. Sederhananya, itu adalah:

Singkatnya: Untuk gambar kecil atau halaman web elemen dasar (seperti tombol), pertimbangkan PNG-8 atau GIF. Untuk foto, pertimbangkan JPG.