Bir arka plan görüntüsü ile 1x1 şeffaf bir görüntü, Sprite kullanın ve hala bazı simgeler için alternatif metin temin edebilmek için kullanıyorum.

Görüntü için veri URI HTTP istekleri sayısını azaltmak için kullanmak istiyorum, amaşeffaf bir görüntü elde etmek için, mümkün olan en küçük dize ne olurdu?

Veri URI kullanabileceğimi fark ettim:Sprite yerine gerçek görüntüler için, ama her şey CSS yerine dağılmış tutulduğunda daha kolay korumak için.

Farklı saydam Gıf'ler ile oynamak sonra, bazı kararsız ve CSS hataları neden. Örneğin, eğer bir <img> ve kullandığınız en ufak şeffaf GİF Olası, gayet iyi çalışıyor, ancak, eğer, o zaman istediğin senin şeffaf GİF var background-image, sonra bu imkansız. Nedense, aşağıdaki gibi bazı Gıf'ler CSS arka (bazı tarayıcılarda) önlemek.

Daha kısa (ama) kararsız

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

Aşağıdaki gibi, biraz daha uzun ve daha kararlı sürümünü kullanarak öneririm

⇊ İstikrarlı ⇊ (ama biraz) daha uzun

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

Başka bir ipucu olarak, bir yorum da anlaşılacağı gibi image/gif ommit yok. Bu birkaç tarayıcılarda kıracak.