V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
lisisi
V2EX  ›  HTML

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

  •  
  •   lisisi · 2020-03-13 00:02:19 +08:00 · 3837 次点击
    这是一个创建于 1698 天前的主题,其中的信息可能已经有所发展或是发生改变。
    一般用什么方法合并 svg 小图标,有没有类似图片 sprites 的方法可以借用的?
    8 条回复    2020-09-26 18:39:11 +08:00
    hapboy
        1
    hapboy  
       2020-03-13 00:03:59 +08:00
    现成的解决方案:iconfont
    lisisi
        2
    lisisi  
    OP
       2020-03-13 00:16:24 +08:00
    @hapboy 引用一个 iconfont 完整库太大了,只需要大约 100 个左右的图标,所以考虑自己合并
    hapboy
        3
    hapboy  
       2020-03-13 00:18:46 +08:00
    @lisisi #2 https://www.iconfont.cn/ 可以自己上传 SVG 合并
    designer
        4
    designer  
       2020-03-13 00:19:44 +08:00 via iPhone
    svg 打包成 iconfont 图标字体 https://icomoon.io/
    我自己的一套图标就是用这个方案
    mytharcher
        5
    mytharcher  
       2020-03-13 08:40:35 +08:00 via Android   ❤️ 1
    服务端配置 HTTP2 解君愁。
    kaka1
        6
    kaka1  
       2020-03-13 09:02:56 +08:00
    webpack 可以配置 svg 雪碧图
    liduanjie
        7
    liduanjie  
       2020-09-07 12:53:45 +08:00
    cdn
    mostkia
        8
    mostkia  
       2020-09-26 18:39:11 +08:00
    用 ico 字库啊,嫌弃大可以自己定制,我自己就有相关项目在用,字库总大小也就几十 k,减少了非常多的并发数量,而且可以随意修改颜色,挺好的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1200 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:22 · PVG 02:22 · LAX 10:22 · JFK 13:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.