css图标图像或图标图像？

我有一个网站，其中有很多图标，每个图标都有单独的图像，但我正在考虑将所有thous图标添加到一个图像，并使用它更快的加载，但我不知道如果我应该这样做。css图标图像或图标图像？

这是什么优点/缺点。有什么建议么？或者我应该保持1图像的1个图标？

2011-02-02 Basit

的可能重复[？当不使用CSS精灵] （http://stackoverflow.com/questions/1182501/when-not-to-use-css-sprites） – deceze 2011-02-02 02:47:24

这是一种常见的（很好的）技术，称为CSS雪碧。这里有一个很好的，虽然有点过时，文章，解释他们：http://www.alistapart.com/articles/sprites

2011-02-02 02:46:56 coreyward

“您的网站的可维护性会因使用它们而受到影响，只能合并属于同一逻辑单元且不太可能的图像至单独更新。保留可能会单独更改的图像。“ – BudgieInWA 2011-02-02 02:52:21

看一看CSS精灵：

2011-02-02 02:47:48

它们合并成一个图像，以减少服务器的请求。

2011-02-02 02:53:58

如果你使用CSS精灵那么你的图标将加载更快，因为他们都是来自同一个图像。只要一个图标可以显示，你就知道整个图像已经加载。如果图像针对网页进行了优化，那么这会给您带来相当不错的加载时间。

例如，如果您创建了带有10个图标的图像，则可以简单地使用重新定位来一次显示一个图标。

这可以使用CSS技术，如来完成：

.teststyle { 

background-image: url(icons.png); 

background-position: top; left; 

}

或

.teststyle { 

background-image: url(icons.png); 

background-position: 10px; 50px; 

}

希望帮助:)

2011-02-02 03:22:20 Ryan

回答