Mengoptimumkan kedalaman imej

Tahun ini saya telah mempelajari satu titik pengetahuan yang penting lagi: Perhatikan kedalaman imej yang sedikit. Pada masa lalu, kami sering bergelut dengan kedalaman warna 2-bit, 4-bit atau 8-bit imej GIF, kerana banyak pengguna menggunakan modem dial-up untuk melayari Internet, dan setiap KB adalah penting.

Pada masa kini, kebanyakan orang menggunakan jalur lebar untuk menyambung ke Internet, tetapi rasa apa? Setiap kb masih penting! Kerana tidak semua orang boleh menggunakan jalur lebar, terutama dalam bidang mudah alih; Dan apa -apa pengoptimuman yang dapat mengurangkan masa rendering halaman patut dicuba. Saya fikir alat pengoptimuman akan mengendalikan perkara -perkara remeh seperti pengoptimuman kedalaman warna, tetapi itu tidak berlaku.

Ini terutama berlaku untuk imej PNG. Secara lalai, banyak alat penyuntingan imej menyimpan imej PNG pada kedalaman warna 2^24 sekiranya berlaku.

Untuk gambar, ini masuk akal (walaupun jika ia adalah foto, anda harus menyimpannya dalam format JPG atau Webp), tetapi untuk imej seperti logo dan ikon, ini adalah kira -kira 2^24 warna lebih daripada yang anda gunakan.

Jadi dalam editor imej pilihan saya, Acorn, saya memberi perhatian khusus untuk menurunkan kedalaman bit imej PNG dalam dialog Eksport. Dalam banyak kes, saya mengurangkan saiz imej sebanyak 80% atau lebih dengan mengindeks warna ke palet dengan 256 atau kurang nilai tanpa kehilangan kesetiaan visual. (Sekali lagi, saya tidak bercakap mengenai foto di sini.)

Berikut adalah contoh:

Saiz imej PNG kedalaman warna penuh adalah kira -kira 379kb. Selepas mengehadkan palet 32-warna, saiznya adalah 61kb. Ini hanya saiz apabila dieksport: Setelah saya memprosesnya dengan ImageOptim, saiz yang dioptimumkan masing -masing adalah 359kb dan 48kb. Hanya dengan mengurangkan kedalaman warna, anda boleh menjimatkan kira -kira 85% berat badan anda. Jika saya menggunakan imej dan mendapati bahawa lebih banyak warna diperlukan, saya boleh mengubah proses untuk menggunakan 64 warna: Dalam kes ini, saiz akhir adalah 73KB, masih menjimatkan ruang yang besar.

Mengurangkan kedalaman warna dengan mata kasar jelas lebih susah payah daripada menggunakan skrip pengoptimuman kepada direktori imej, tetapi dalam pengalaman saya pendekatan ini lebih efisien dalam saiz imej dan pengalaman pengguna. Dan itulah teras semua ini, bukan?

Atas ialah kandungan terperinci Mengoptimumkan kedalaman imej. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!