我正在制作一个精灵,它的高度约为 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 回答