最小化數據URI 圖像大小以實現透明度
問題:
使用小型透明時影像作為CSS精靈背景,可以產生透明的最小可能的資料URI是多少圖片?
答案:
在嘗試各種透明GIF 後,發現某些GIF 會導致CSS 故障,特別是將背景影像分配給具有透明GIF 的元素時。為了確保穩定性,建議使用稍長的資料URI:
穩定(78 位元組)
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
避免省略影像類型:
在資料URI 中包含影像類型(image/gif)至關重要。忽略此資訊可能會導致在各種瀏覽器中出現渲染問題。
以上是CSS Sprites 中透明 GIF 的最小資料 URI 是多少?的詳細內容。更多資訊請關注PHP中文網其他相關文章!