首页 >web前端 >css教程 >1x1 透明图像的最小数据 URI 是多少?

1x1 透明图像的最小数据 URI 是多少?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-03 12:30:11527浏览

What's the Smallest Data URI for a 1x1 Transparent Image?

确定透明图像的最小可能数据 URI 图像

问题:

寻求最小化 HTTP 请求,您目标是利用带有背景图像的透明 1x1 图像。可以生成透明图像的最简洁的数据 URI 字符串是什么?

答案:

透明 GIF(稍长但稳定 - 78 字节):

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

不稳定的透明GIF(较短 - 74 字节):

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

注意:

尽管较短,但不稳定的 GIF 可能会导致 CSS 故障并阻止背景图像在某些浏览器中正确显示。因此,建议使用稍长但更稳定的版本。

附加提示:

切勿省略“image/gif”类型:

与一些建议相反,省略“image/gif”类型会导致多个错误浏览器。

以上是1x1 透明图像的最小数据 URI 是多少?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn