浏览器/CSS规范中的最大图像尺寸是多少？
我想展示包含大约6000个微小图像缩略图（每个为40x40）。为避免进行6000个HTTP请求，我正在探索CSS精灵，即将所有这些缩略图连接成一条长条，并使用CSS来裁剪所需的图像。不幸的是，我发现JPEG文件在任何一个维度上都不能大于65500像素。由于对Web堆栈中的进一步限制持谨慎态度，...
图像精灵比单独的图像更高效吗？
我大约两年前开始使用图像精灵，因为我看到苹果和Facebook等网站在其网站上使用它们。 毫无疑问，如果您下载一个60kb的图像，而不是三个20kb的图像，则加载页面更快，但是，最近有人告诉我，尽管精灵在加载时速度更快，但实际上在客户端方面会消耗更多内存。 在我的眼中： 精灵的加载速度...
背景图片可以负定位到底部或右侧，或者只重复图片的一部分吗？
我正在制作一个精灵图，并有两个问题。 我一直想知道的是，是否可以将背景图片负向定位到右侧或底部。负位置对于元素左侧或顶部来说是基本操作，但右侧和底部呢？ 如果我有一个500像素乘500像素的div，那么我可以使用负值将背景图像的左边缘定位到距离右侧5像素的地方吗？而不是使用495像素来推动...
如何使用ImageMagick将图标合并为单个图像？
我想在网站上使用CSS精灵代替单独的图像文件，用于一个大量、大小相同的小图标集合。如何使用ImageMagick将它们连接（平铺）成一个大图像？
为什么不将页面内容中的大图像制作成雪碧图？
使用CSS精灵图来处理图片的一般规则是，只应该对较小的图片（如图标）使用，而实际的图片内容应该始终通过 <img> 元素表示。 我的问题是：为什么？难道使用精灵图的优点在处理内容图片时不值得吗？ 我读过的一个原因是为了启用 alt 文本，以更符合语法和屏幕阅读器的可访问性。然而，...
我可以用CSS为Bootstrap图标添加颜色吗？
Twitter的Bootstrap使用Glyphicons图标。它们默认情况下是"黑灰色和白色可用"： 是否有可能使用CSS技巧改变图标的颜色？我希望有其他CSS3的技术可以避免为每种颜色设置一个图标图像。 我知道可以更改包含(<i>)元素的背景颜色，但我指的是图标前景色。...
使用CSS精灵技术来设置列表(<li>)的背景图片
是否可以使用CSS精灵来作为列表的背景图像？通常，我会像这样使用CSS来渲染我的精灵：.sprite { background: url(sprite.png) no-repeat top left;} .sprite-checkmark { background-position: 0 -2...
制作CSS雪碧图的工具？
有没有好用的工具可以制作CSS雪碧图？ 理想情况下，我希望它可以接收一个图片目录和一个已经引用这些图片的.css文件，并生成一个包含所有小图片优化后的大图片，并自动修改我的.css文件以便引用新的图片。 至少，我希望它能够接收一个图片目录并生成一个大的雪碧图以及必要的.css文件来将每张图...
为什么使用精灵表而不是单独的图片？
我注意到一些网站使用一个包含许多小图像的巨大图像，然后使用CSS的background-position来定义每个图像的坐标，而不是使用单独的图像。 以下是我对使用大精灵表的缺点： 需要加载大图像才能显示一个小图像 需要编写（或生成）带有每个图像类的长样式表 使CSS混乱的类定义可能会影...
在精灵图中使用logo标签是好还是坏？
在构建网页时，我的一位同事使用CSS background-image属性显示任何标志，而不是使用HTML <img>标签嵌入图像。他报道这是为了减少HTTP请求的数量。他还向我展示了图像精灵，并说Google使用精灵图像显示其标志。 我不同意他的方法，并向他展示了主Google...