优化 CSS Sprite—前端性能优化 30

雅虎前端优化总结的35 条前端性能优化军规第三十条：优化 CSS Sprite。

• 在 Sprite 图片中横向排列一般都比纵向排列的最终文件小；
• 组合 Sprite 图片中的相似颜色可以保持低色数，最理想的是 256 色以下 PNG8 格式
• “对移动端友好”，不要在 Sprite 图片中留下太大的空隙。虽然不会在很大程度上影响图片文件的大小，但这样做可以节省用户代理把图片解压成像素映射时消耗的内存。100×100 的图片是 1 万个像素，而 1000×1000 的图片就是 100 万个像素了。