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

Dive into HTML5

› http://diveintohtml5.org/

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

Mar 13, 2020

现成的解决方案：iconfont

lisisi

Mar 13, 2020

@hapboy 引用一个 iconfont 完整库太大了，只需要大约 100 个左右的图标，所以考虑自己合并

hapboy

Mar 13, 2020

@lisisi #2 https://www.iconfont.cn/ 可以自己上传 SVG 合并

designer

Mar 13, 2020 via iPhone

svg 打包成 iconfont 图标字体 https://icomoon.io/
我自己的一套图标就是用这个方案

mytharcher

Mar 13, 2020 via Android

服务端配置 HTTP2 解君愁。

kaka1

Mar 13, 2020

webpack 可以配置 svg 雪碧图

liduanjie

Sep 7, 2020

cdn

mostkia

Sep 26, 2020

用 ico 字库啊，嫌弃大可以自己定制，我自己就有相关项目在用，字库总大小也就几十 k，减少了非常多的并发数量，而且可以随意修改颜色，挺好的。