V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
NakeSnail
V2EX  ›  程序员

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

  •  
  •   NakeSnail · 2022-03-30 12:13:03 +08:00 · 553 次点击
    这是一个创建于 971 天前的主题,其中的信息可能已经有所发展或是发生改变。
    background-image: url("data:image/png;base64,iVBOR......")
    

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

    GET data:image...  net::ERR_INVALID_URL
    
    yasea
        1
    yasea  
       2022-03-30 15:45:39 +08:00
    理论上这个大小的限制来自 url 的最大长度限制,比如 IE 是 2083 个字符,不同浏览器有一些区别。
    另外报这个错,也可能是某些浏览器或组件的兼容性不好, 建议两点:
    1. 换成 PNG/JPG 等图片形式
    2. 将原图压缩以后再转成 base64 ,减少长度
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1593 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:57 · PVG 00:57 · LAX 08:57 · JFK 11:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.