最小化数据 URI 图像大小以实现透明度
问题:
使用小型透明时图像作为CSS精灵背景,可以产生透明的最小可能的数据URI是多少图片?
答案:
在尝试各种透明 GIF 后,发现某些 GIF 会导致 CSS 故障,特别是在将背景图像分配给具有透明 GIF 的元素时。为了确保稳定性,建议使用稍长的数据 URI:
稳定(78 字节)
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
避免省略图像类型:
在数据 URI 中包含图像类型(image/gif)至关重要。忽略此信息可能会导致在各种浏览器中出现渲染问题。
以上是CSS Sprites 中透明 GIF 的最小数据 URI 是多少?的详细内容。更多信息请关注PHP中文网其他相关文章!