我希望在页面上显示大量缩略图（超过 200 个）。我想使用 CSS 精灵来加载它们以最小化 HTTP 请求。我认为将它们全部放在一个大文件中是个坏主意，但是将它们分成大约 6 个 40-50 个缩略图的文件应该可以很好地工作。
所有缩略图都是相当低的颜色（可以减少到 256 种颜色而不会降低质量），但总的来说，所有缩略图都覆盖了更多的颜色。
那么，有没有一种简单的方法可以根据颜色对它们进行分组？将每组文件放在单独的文件夹中很好，因为我可以稍后使用 ImageMagick 或在线精灵工具缝合在一起。但是在一个（使用 CSS）中完成所有这些也会很好。
更新：按颜色分组的原因：
这个想法是为了节省更多带宽。如果我有 10 个主要是蓝色的缩略图，10 个绿色和 10 个红色，我可以将它们组合成 3 个图像，将每个图像减少到 256 种颜色。如果我混合缩略图，那么减少到 256 色会使图像质量变差。
首先，我建议不要太担心，并保存为 24 位 png。通过这样做，图像似乎变得更大了，但如果缩略图很小，您可能会发现当前使用的带宽很大，只有 http 标头会消失，您可以使用使您的图像看起来更好。
但是，如果您想自动化该过程，您可以尝试计算平均颜色（接近此的一种方法是将它们调整为 1x1，然后查看该像素的 rgb 颜色）。一旦你有每张图像的颜色，转换为 hsv 并按色调排序。然后，您可以根据该排序顺序将它们捆绑在一起。我实际上并没有尝试过，但它可能会产生可接受的结果。
调整捆绑的图像数量也会影响输出质量。如果每个文件放 30 张图像时效果不佳，请尝试 25 张，看看效果有多大。实际上，考虑文件数量可能更聪明......
好吧，我做了一些测试，用手抓一个“色调”的样本并将其与仅拍摄前 N 张图像创建的蒙太奇进行比较。只有几千字节的差异，在我找到PNGcrush之后减少到大约 30 字节。很棒的工具！
简而言之，我的疯狂想法已被推翻。:p
现在，这只不过是理论上的喋喋不休，但是，我知道动画 GIF 支持每帧不同的调色板。从理论上讲，您可以将每个图像放在动画的单独帧上（使该帧的大部分保持透明），并将帧之间的暂停时间设置为 1 毫秒。将动画设置为只播放一次，您可以（可能）拥有一个有效的 CSS 精灵，每张图像减少到 256 种颜色。
就像我说的，理论上的喋喋不休。