Cara memilih dan menggunakan format imej web PNG, JPG dan GIF_HTML/Xhtml_Web pengeluaran halaman

Jadi, format manakah antara GIF, PNG dan JPG yang patut kita pilih sebagai format calon, dan format imej manakah yang boleh menjadikan imej lebih kecil tetapi mempunyai kualiti imej yang lebih baik?

1. Format gambar

GIF

Perkara yang paling menonjol tentang GIF ialah ia menyokong animasi Pada masa yang sama, GIF juga merupakan format imej tanpa kerugian, yang bermaksud bahawa selepas anda mengubah suai imej, kualiti imej tidak akan hilang lutsinar (lutsinar sepenuhnya atau Legap sepenuhnya).

Menurut Google, GIF sesuai untuk imej kecil atau ringkas (kurang daripada 10×10 atau kurang daripada 3 warna).

PNG

Pertama sekali, PNG termasuk

PNG-8 dan True Color-PNG (PNG-24 atau PNG-32 Kelebihan terbesar PNG berbanding GIF ialah:

Biasanya saiznya lebih kecil
Sokong alpha (lutsinar sepenuhnya)

Tetapi kami tahu bahawa PNG tidak menyokong animasi.

Pada masa yang sama, sila ambil perhatian bahawa IE6 boleh menyokong PNG-8, tetapi apabila memproses ketelusan PNG-24, ia akan kelihatan kelabu Untuk contoh yang berkaitan, sila rujuk

titik tapak.

Biasanya menyimpan imej sebagai PNG-8 akan menghasilkan saiz yang lebih kecil daripada GIF pada kualiti yang sama, dan untuk imej telus sepenuhnya, kami hanya boleh menggunakan PNG-24 sekarang tetapi sila beri perhatian semasa menyimpan imej dalam PNG-8 dan GIF Buat perbandingan. Kerana undang-undang tidak selalu betul.

JPG

JPG boleh memaparkan lebih banyak warna daripada GIF dan PNG, dan dimampatkan dengan baik pada masa yang sama, jadi JPG sangat sesuai untuk menyimpan foto digital Tetapi ambil perhatian bahawa ia adalah mampatan herotan, yang bermaksud setiap kali anda mengubah suainya Imej akan menyebabkan herotan piksel.

Setelah membaca pengenalan di atas, anda harus mempunyai pemahaman umum tentang format yang hendak digunakan untuk menyimpan jenis gambar secara ringkas:

Satu ayat:Untuk gambar kecil atau elemen asas halaman web (seperti butang), pertimbangkan PNG-8 atau GIF Untuk foto, pertimbangkan JPG.