lisisi
V2EX  ›  HTML

页面中引用了大量的 svg 小图标,有什么方式可以合并图标,减少些请求数

  •  
  •   lisisi · Mar 13, 2020 · 4819 views
    This topic created in 2293 days ago, the information mentioned may be changed or developed.
    一般用什么方法合并 svg 小图标,有没有类似图片 sprites 的方法可以借用的?
    8 replies    2020-09-26 18:39:11 +08:00
    hapboy
        1
    hapboy  
       Mar 13, 2020
    现成的解决方案:iconfont
    lisisi
        2
    lisisi  
    OP
       Mar 13, 2020
    @hapboy 引用一个 iconfont 完整库太大了,只需要大约 100 个左右的图标,所以考虑自己合并
    hapboy
        3
    hapboy  
       Mar 13, 2020
    @lisisi #2 https://www.iconfont.cn/ 可以自己上传 SVG 合并
    designer
        4
    designer  
       Mar 13, 2020 via iPhone
    svg 打包成 iconfont 图标字体 https://icomoon.io/
    我自己的一套图标就是用这个方案
    mytharcher
        5
    mytharcher  
       Mar 13, 2020 via Android   ❤️ 1
    服务端配置 HTTP2 解君愁。
    kaka1
        6
    kaka1  
       Mar 13, 2020
    webpack 可以配置 svg 雪碧图
    liduanjie
        7
    liduanjie  
       Sep 7, 2020
    cdn
    mostkia
        8
    mostkia  
       Sep 26, 2020
    用 ico 字库啊,嫌弃大可以自己定制,我自己就有相关项目在用,字库总大小也就几十 k,减少了非常多的并发数量,而且可以随意修改颜色,挺好的。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3021 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 00:24 · PVG 08:24 · LAX 17:24 · JFK 20:24
    ♥ Do have faith in what you're doing.