为什么使用精灵表而不是单独的图片？
我注意到一些网站使用一个包含许多小图像的巨大图像，然后使用CSS的background-position来定义每个图像的坐标，而不是使用单独的图像。 以下是我对使用大精灵表的缺点： 需要加载大图像才能显示一个小图像 需要编写（或生成）带有每个图像类的长样式表 使CSS混乱的类定义可能会影...
使用HTTP/2单独加载图片比使用类似HTTP/1.1的精灵图同时加载所有图片慢的情况是什么？
HTTP/2使多路连接成为可能，消除了需要向服务器建立多个连接的需求。通过单一连接，可以将许多独立的图像发送到客户端。这消除了以前的图像精灵模式，即将许多图像合并成一个，并使用CSS将其分开的方法。 我很好奇在HTTP/2世界里，图像精灵是否仍然会更快。如果是这样，在什么情况下呢？
CSS精灵如何加速网站？
我试图理解CSS精灵如何提高网站性能？ 为什么下载多个小图片比下载一个包含这些小图片的单个图片更慢，即使单个图片的总大小等于这些小图片的总和？
使用IMG标签与精灵图？
我明白如何使用精灵图，但是，IMG标签不是需要一个"src"属性吗？我可以使用SPAN或其他标签，并设置背景/宽度等，但这样不符合语义正确性。 基本上，我想省略IMG标签的SRC，只使用精灵图，但担心由于这个原因HTML不符合技术规范。
CSS - 使用鼠标指针精灵图
.fancybox-inner { overflow: hidden; background-color:#EEE; cursor: //url to an independent cursor image } 如果我的光标（3）都在一个CSS精灵图像中，我该如何引用光标属性的backg...
CSS：使用.Less管理雪碧图像
像在 SCSS 文件中使用 Compass 一样，是否有一种方法（通过扩展或工具）可以直接从 .Less 中管理 Sprite？
图像精灵比单独的图像更高效吗？
我大约两年前开始使用图像精灵，因为我看到苹果和Facebook等网站在其网站上使用它们。 毫无疑问，如果您下载一个60kb的图像，而不是三个20kb的图像，则加载页面更快，但是，最近有人告诉我，尽管精灵在加载时速度更快，但实际上在客户端方面会消耗更多内存。 在我的眼中： 精灵的加载速度...
将图标与文本对齐
怎样最好地将图标（左侧）和文本（右侧），或者将文本放在左侧，图标放在右侧进行对齐？ 图标图片和文本是否必须相同大小？理想情况下，它们应该不同但是垂直对齐。 我正在使用background-position CSS属性从一个更大的图像中获取图标。 这是我现在的做法，但我要么无法让它们在同一...
IE6：背景图加载事件
我正在显示一堆缩略图，由于延迟可能非常高（通过VPN），因此我将所有缩略图发送到单个文件中（类似于精灵），并设置CSS的background-image和background-position属性来显示缩略图。我的问题是在IE6中确定图像何时加载完成... 我正在使用BackgroundIma...
在网页中，SVG图像是否有类似于CSS Sprites的等效技术？
SVG图像不是位图，所以（除非我漏掉了什么），你不能像其他用于网页的图像文件一样进行 spriting（请参见http://www.alistapart.com/articles/sprites）。 但是是否有一种等效机制来将 SVG 图像的一部分显示为 CSS 背景？ 例如，想象一下语法...