css - Sprite 图像设计/策略

标签 css image css-sprites

我昨天做了这个问题:background repeat tiled bgImage inside an sprite image?

只要不可能在 Sprite 图像中重复背景,

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

我的意思是,选择:

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

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

最佳答案

我总是创建三个 Sprite 表

首先;对于那些不重复的图像,如箭头、按钮等。

second; 对于那些重复 y 轴 的图像。

third; 对于那些重复 x 轴的图像。

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

x 轴 Sprite http://imageshack.us/photo/my-images/401/xaxissprites.png/

y 轴 Sprite http://imageshack.us/photo/my-images/28/yaxissprites.jpg/

关于css - Sprite 图像设计/策略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7803935/

相关文章:

html - 使菜单转到页面宽度的末尾

javascript - 更改所有图像源 jquery

html - 替代数据 URI 或 Sprite ?

CSS Sprite 不起作用

javascript - 非 Sprite CSS/Javascript 处理许多小图像

css - 如何在两个 960.gs 框之间添加垂直线?

css - 移动浏览器不允许滚动

html - IE7 默认元素为 100% 宽度

algorithm - 多图像放置算法——拼贴算法

显示为白色 block 的 android 通知图标