我正在制作一个精灵，它的高度约为 4000 像素。图形设计社区中是否有用于最大精灵高度的通用尺寸？
问问题
2753 次
2 回答
11
浏览器必须解压缩（并保存在内存中）整个图像，即使您只在其中使用很少的精灵，即使大部分图像是空白/白色。对于桌面客户端，您只是因为使用了太多内存而错过了成为好公民的机会（而且浏览器已经在消耗大量内存）。对于某些移动客户端（例如，解压缩后文件超过 25k 的 iPhone），问题可能会更大，图像根本不会被缓存，因此最好有 2 个文件 <25k 和两个 HTTP 请求而不是一个 > 25k 文件和单个请求从不缓存。
最后一个问题，PNG 压缩是基于行的，宽图像比高图像的开销更少（尽管在某些情况下理论上太宽可能很糟糕，因为每行只能有一个预测过滤器类型）。
哦，还有，过多的精灵，你可能会在同一张图像中有太多不同的颜色，而错过了获得体面调色图像的机会。测试所有组合是乏味的，但如果可以的话，按渐变的主要颜色对精灵进行分组是一种很好的启发式方法（因为渐变/模糊需要许多不同的颜色）。
于 2010-02-03T21:46:48.430 回答
3
我认为重点不应该放在精灵的物理大小（宽度 x 高度）上，而是精灵文件的大小有多大，并问自己这个问题是否值得将精灵分成多个精灵。
我们经常根据颜色分割我们的精灵，所以精灵主要是蓝色或红色或黄色。这样我们可以获得更平滑的渐变和整体图像质量，同时减小图像文件大小
于 2010-02-03T21:50:54.930 回答