Apakah URI Data Terkecil untuk GIF Telus dalam Sprite CSS?

Meminimumkan Saiz Imej URI Data untuk Ketelusan

Soalan:

Apabila menggunakan lutsinar kecil imej sebagai latar belakang sprite CSS, apakah URI data terkecil mungkin yang boleh menghasilkan telus imej?

Jawapan:

Selepas bereksperimen dengan pelbagai GIF lutsinar, didapati bahawa GIF tertentu boleh menyebabkan gangguan CSS, terutamanya apabila memberikan imej latar belakang kepada elemen dengan GIF lutsinar . Untuk memastikan kestabilan, URI data yang lebih panjang sedikit disyorkan:

Stabil (78 bait)

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Elakkan Meninggalkan Jenis Imej:

Adalah penting untuk memasukkan jenis imej (imej/gif) dalam URI data. Meninggalkan maklumat ini boleh mengakibatkan masalah pemaparan dalam pelbagai penyemak imbas.

Atas ialah kandungan terperinci Apakah URI Data Terkecil untuk GIF Telus dalam Sprite CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!