如何将CDN加速技术应用于图标？

Question

现在使用CDN来缓存javascript、css、字体等已经成为普遍做法，但是相对于其他内容，图标好像没有得到同样的扩展（可能因为每个网站都希望有独特的外观和感受）。

是否有一些广泛使用的图标集，由CDN托管，并且足够常见以提供显著的速度改进，同时这些图标通过使用同一CDN的另一个站点进行预缓存也已经存在。

一个例子是：http://cdnjs.cloudflare.com，它的内容可以在https://github.com/cdnjs/cdnjs/tree/master浏览。

它托管的一些图标集如下：

/ajax/libs/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png
/ajax/libs/fatcow-icons/...
/ajax/libs/foundicons/3.0.0/svgs/...
/ajax/libs/aui/5.4.0/aui/css/icons/...
/ajax/libs/topcoat-icons/0.2.0/svg/...
/ajax/libs/jqueryui/1.10.3/css/base/images/...
*jqueryui is also hosted on ajax.googleapis.com and others but is a limited set

就像是 Bootstrap 的半身人图标集一样：

http://netdna.bootstrapcdn.com/bootswatch/2.3.2/img/glyphicons-halflings.png
http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.2/img/glyphicons-halflings.png
http://www.bootstrapcdn.com/twitter-bootstrap/2.3.1/img/glyphicons-halflings.png

- MechanisM

---

http://www.stdicon.com/ 提供文件图标。这是一个很好的问题，不应该被关闭。我需要用于jsFiddle项目中的cdn图标（具体来说是树形符号）。 - Adam Tolley

很遗憾这个问题已经关闭了，因为现在我无法发布一个正常的答案。像这样的图标，你不必像有人建议的那样构建自己的CDN才能发布一个漂亮的fiddle。例如，可以查看webicons、ionicons、topcoat-icons等等在cdnjs上的许多其他图标。你也可以使用RawGit来处理GitHub上的任何内容。@AdamTolley希望这些链接能够帮到你。 - rsp

我还意识到，当需要时，我可以直接将图标编码为 base64 并嵌入到 css 或 html 中，这很好用，尽管有些复杂。 - Adam Tolley

Answer 1

IconFinder 是一个托管了Fugue、Silk、Silk2、FatCow（Farm-Fresh）等图标集的CDN。

同时，这里有来自 IconFinder 创始人和董事的确认，可以放心地热链接到他们的CDN上。

- Nicholas Shanks

---

谢谢提供这个资源！你也可以按照许可类型进行筛选。不过，如果你要商业使用它们，最好在发布之前自行托管。 - Alastair

Answer 2

http://www.dustball.com/icons

这是由Brian Klug创建的Fam3图标搜索和免费CDN托管服务。

注：CDN指内容分发网络，Fam3是一个图标库。

- Todd Menier

Answer 3

你可以考虑在亚马逊云前端上自行托管，这样根据你的流量，每月只需要花费几分钱。

不过首先，请确保你已经通过将它们合并成单个精灵文件来优化所使用的图标。这可能会解决使用CDN的需求。

- Ashley Williams

---

是的，我找到了 Silk 图标的精灵图像。 - MechanisM

你可以在http://xheo.com/silk上为silk图标生成一个sprite。 - Paul Alexander

Paul，你的网站正在向我提供似乎是从其他人登录的会话中缓存的页面。它在顶部显示“欢迎Paul Geirnaerdt”。 - Ashley Williams