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

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

Mary-Kate Olsen
发布: 2024-12-03 12:30:11
原创
522 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板