Apakah masih ada alasan untuk lebih memilih GIF daripada PNG saat membuat gambar untuk halaman web? [Tutup]

15

Dulu, saya dulu menghindari format gambar PNG ketika membuat halaman web karena dukungan browser kurang. Saya ingat memiliki PNG pada sebuah halaman dapat menyebabkan plugin QuickTime dimuat - yuck.

Hari ini, setiap browser modern sekarang mendukung PNG dengan baik dan saya menggunakannya di halaman web saya karena:

  • Dibandingkan dengan JPEG, kompresi PNG tidak rugi. Terutama penting untuk logo / gambar / grafik.
  • Dibandingkan dengan GIF, PNG tidak terbatas pada 256 warna. Banyak hal dengan gradien.

Dengan kata lain, dengan PNG, gambar saya mulai terlihat tajam, dan tetap seperti itu.

Saya masih bisa melihat JPEG berguna karena kompresnya jauh lebih baik dan kehilangan kualitas visual yang sangat sedikit untuk foto pada khususnya.

Jadi pertanyaan saya adalah: Apa gunanya tetap menggunakan format file GIF di halaman web? Apakah GIF sekarang benar-benar usang oleh PNG dan pengadopsiannya, atau adakah hal-hal khusus yang GIF masih kuasai?

Chris W. Rea
sumber

Jawaban:

15

Sejauh yang saya tahu, ini adalah satu-satunya alasan:

  • AnimGIF . Animasi ini bekerja di mana-mana. Ada format APNG, tetapi tidak didukung secara luas, dan tidak memiliki alat pengeditan nyata.

  • Grafik transparan 1x1 , dengan asumsi Anda peduli apakah itu 80b atau 120b. Itu sebenarnya satu-satunya kasus di mana GIF memberikan ukuran file lebih kecil dari PNG.

  • Jika Anda tidak memiliki alat yang tepat untuk menyimpan dan mengoptimalkan file PNG. File PNG mungkin berisi profil warna dan informasi koreksi gamma, yang di web menyebabkan lebih banyak masalah daripada yang mereka pecahkan . Cara terbaik untuk memiliki alat yang menghapus ini , membuat file lebih kecil dan lebih dapat dioperasikan.

Dukungan IE6 adalah herring merah

Kebingungan berasal dari kenyataan bahwa ada beberapa format warna di PNG, dan beberapa di antaranya didukung penuh, dan beberapa di antaranya tidak.

  1. PNG Paletted dengan transparansi 1-bit (seperti GIF): berfungsi sempurna di IE6. Tanpa peretasan.

  2. PNG paletted dengan transparansi 8-bit (tidak mungkin di GIF): bekerja sebagian di IE6 (turun menjadi 1-bit).

  3. PNG warna asli dengan transparansi 8-bit (tidak mungkin di GIF): tidak berfungsi di IE6 tanpa peretasan.

Saya yakin 100%. Saya sudah mengujinya secara ekstensif. Saya menggunakannya di situs web saya. Saya bahkan telah bekerja pada perangkat lunak yang memanipulasi file-file itu.

Singkatnya: jika gambar dapat disimpan sebagai GIF non-animasi, itu pasti akan berfungsi sebagai PNG, di semua browser, tanpa peretasan .

Kornel
sumber
1
Saya minta maaf tapi saya harus mengundurkan diri. Informasi ini tidak benar. Silakan merujuk ke support.microsoft.com/kb/294714 . Anda perlu menerapkan filter.
A Dwarf
8
@A Dwarf: Saya 100% yakin bahwa PNG 8-bit dengan transparansi 1-bit (seperti GIF) bekerja dengan baik di IE6, karena saya menggunakannya . Sudahkah Anda mengujinya? Apa yang Anda tunjuk diperlukan untuk PNG 24-bit dengan saluran alpha 8-bit (tidak-seperti GIF). Ini tidak sama.
Kornel
3

Apakah masih ada alasan untuk lebih memilih GIF daripada PNG saat membuat gambar untuk halaman web?


Hanya PNG yang tidak sepenuhnya didukung oleh beberapa browser lama seperti IE 6.

Menurut MarketShare IE 6.0 masih memegang 24% pangsa pasar browser yang mengesankan, menjadikannya versi browser yang paling banyak digunakan. Tidak diragukan lagi ini disebabkan oleh adopsi perusahaan dan kebijakan peningkatan lambat tradisional. Tetapi itu adalah kenyataan yang harus Anda waspadai.


Namun perhatikan bahwa jika Anda membuat PNG datar, Anda akan baik-baik saja. Itu adalah alpha-channel dan PNG transparan yang tidak didukung.

A Dwarf
sumber
Perlawanan terhadap adopsi Vista telah membantu memungkinkan XP (dan browser default-nya, IE6) tetap populer. Windows 7, dan bukan Vista, kemungkinan akan mengambil alih basis pengguna XP pada akhirnya, jadi semoga angka-angka itu akan menurun.
hyperslug
1
Saya kira jika Anda cenderung menggunakan GIF transparan piksel tunggal dalam mendesain web Anda, Anda mungkin ingin tetap menggunakan GIF karena PNG mungkin muncul sebagai titik abu-abu di IE6.
hyperslug
2
Silahkan lihat di porneL jawaban untuk melihat mengapa IE6 adalah TIDAK masalah bagi PNG
Vincent Robert
porneL berbicara tentang 1 warna png transparan. Saya berbicara tentang transparansi saluran alpha penuh. Mungkin jika Anda membaca jawaban saya lebih baik? Juga lihat komentar saya untuk postingnya tentang 1 transparansi warna pngs.
A Dwarf
1
A Dwarf: Semua GIF adalah 8-bit, jadi Anda tidak perlu PNG 24-bit untuk mewakili gambar GIF! Fakta bahwa format 24-bit tidak berfungsi tidak relevan dengan perdebatan PNG / GIF. Anda hanya menyebarkan kebingungan.
Kornel