这个问题可能有一个非常复杂的答案，但这里有：
我使用朴素堆叠算法创建了一些图像精灵，该算法可生成89px宽，2000px高的图像。该图像将用于页面上约50个精灵。精灵是.GIF格式，我几乎不知道GIF如何编码像素，（我不知道它是行/列主要，还是其他一些打包算法）。
精灵图像中的像素总数为178,000。
我可以改变我的精灵生成算法来生成445像素宽×400高的精灵（相同数量的像素，只创建一个图像网格而不是一列）。
更改精灵配置是否会产生更好的浏览器DOM加载/渲染性能？ （我对IE 8和移动浏览器特别感兴趣，比如iOS上的Safari）
答案 0 :(得分：1)
与所有优化问题一样......如果不进行测量，很难说。
但是......根据GIF文件的编码方式，我怀疑你当前的布局会表现得更好。而不是更均匀的宽高比图像。
关于GIF文件格式的文档说＆＃34;因此，一条扫描线可能会结束，另一条扫描线可能会在图像数据的子块中间开始＃34;。
由于图像数据是LZW压缩的，并且由于来自相同图标的像素更可能是相同的颜色（即使它们来自相对的边缘和一行下来），它可能是您当前的布局将更好地压缩，因此它可能表现更好。
但是我确信有很多病态的情况下反过来是正确的，并且同样确信任何一种布局的性能增益都可能很小，以至于无疑会有更好的优化需要担心。 / p>