background-image 用 datauri 会有大小限制吗

2022-03-30 12:13:03 +08:00
 NakeSnail
background-image: url("data:image/png;base64,iVBOR......")

大概 130 多 K ，就显示不出来 console 里报

GET data:image...  net::ERR_INVALID_URL
551 次点击
所在节点    程序员
1 条回复
yasea
2022-03-30 15:45:39 +08:00
理论上这个大小的限制来自 url 的最大长度限制，比如 IE 是 2083 个字符，不同浏览器有一些区别。
另外报这个错，也可能是某些浏览器或组件的兼容性不好， 建议两点：
1. 换成 PNG/JPG 等图片形式
2. 将原图压缩以后再转成 base64 ，减少长度

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/843826

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX