javascript - Bagaimanakah imej sprite ini dihasilkan?

Question

https://s1.hdslb.com/bfs/stat...

Lebih kecil daripada gambar biasa. Saiz 1600*2444 tetapi hanya 70kb? Kualiti berkurangan?
Semasa pembangunan, adakah penetapan taip ini dilakukan secara manual satu per satu? Ia masih dijana oleh alat i

Answer 1

Gambar ini adalah png 8bit (maksimum 256 warna).

Answer 2

Ada alatan, /a/11...

Mampatan imej tersedia gulp-imagemin. Ini memudahkan untuk menyepadukan projek ke dalam aliran kerja anda.

Nampaknya agak sedikit orang yang menggunakan imej sprite sekarang, dan mereka secara beransur-ansur menggunakan fon svg dan ikon.

Answer 3

Biasanya bergantung pada alatan. Saya biasanya menggunakan CssSprite.exe. Saya hanya menyeret imej ke dalam dan ia akan menghasilkan imej sprite dan css yang sepadan untuk anda

Answer 4

CssSprite.exe juga perlu diseret masuk secara manual

Answer 5

Anda boleh menggunakan perisian penyuntingan imej seperti Photoshop untuk meletakkan berbilang gambar pada lapisan yang sama dan mengeksportnya, atau menggunakan alat pembinaan automatik untuk mencantumkan gambar yang digabungkan secara automatik