精灵形象设计/策略

Ton*_*bet 2 css image css-sprites

我昨天提出这个问题:背景重复在精灵图像中平铺bgImage?

因此,长期不可能重复精灵图像内部的背景,

创建精灵时最好的*策略是什么?

我的意思是,选择:

  • 我应该尝试将所有图像放在一个精灵中吗?(包括可以重复的大背景)
  • 一个精灵图标.背景部分?
  • 其他

*)当我说最好的意思是最可访问/可用/性能

san*_*eep 5

我总是创造three sprite sheets.

第一; 对于那些not repeating像箭头,按钮等一样的图像

第二; 对于那些图像repeating y-axis.

第三; 对于那些图像repeating x-axis.

或者如果设计中没有重复图像,则不需要其他图像 sprite sheets

用于x轴的精灵http://imageshack.us/photo/my-images/401/xaxissprites.png/

y轴的精灵http://imageshack.us/photo/my-images/28/yaxissprites.jpg/