我有一个 CSS 文件和一个从该 CSS 文件引用的图标集。500 个图标总共大约 200k，所以我认为将它们内联到 CSS 文件中引用它们的任何位置不会增加使用的带宽，并显着减少发送到服务器的请求数量。
这里有没有人知道自动替换的工具或脚本
url('images/....png')
和
url(data:image/png;base64,....)
也许已经有一个工具可以自动执行此操作？
否则我将不得不编写自己的正则表达式。bash脚本是要走的路吗？
问问题
138 次
1 回答
0
如果您真的想减少请求的数量，请寻找一种将所有图标转换为精灵的方法！它基本上是将所有图像粘贴到一个带有 css 文件的单个图像文件中，该文件具有所有图像的位置，看看 glyphicons：
http://getbootstrap.com/components/
使用 sprite 不会减小大小，但肯定会减少发送到服务器的请求数量，因为客户端将下载一张大图像，该图像将包含所有图标，并根据 css 属性显示相关图标
使用它来生成精灵
我永远不会推荐使用内联样式。如果需要，应尽量少用。因为它确实减慢了渲染速度
于 2014-03-04T16:28:09.780 回答