《
CSS Sprites技术及图片优化》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331N2013.htm
图片体积及尺寸方面，倡议体积坚持在100K以内(较为合乎国情最佳恳求SIZE)，size为800px(最佳尺寸)。(从某威望人事中得悉，详细无从考据)
对于非动画的GIF更建议使用PNG8因为它同样能做到一样的后果,CSS Sprites技术以及图片优化，而且能为你节省10%-30%的文件体积。
黄金切割位：在CSS Sprites图片的最右或左边为最灵运动地位最合适摆放文本前的icon，因而不会受到其它CSS Sprites图片干涉，也不需要预留一定的行宽。
对于CSS Sprites技术的优化咱们能做到多少，能减多少的要求数目。这并且不是单方面能做到的，所有取决于XHTML、CSS、CSS Sprites图片之间的配合,CSS Sprites技术。现时为止没有相对优化的做法，这也是我在名目中常常权衡CSS Sprites图片与XHTML关联，如:《一张背景实现自适应九宫格》，以下总结了图片切割术与图象优化的一些方式,CSS Sprites图片合并技术减少请求优缺点。
CSS Sprites图片次序合图片由上至下、左至右增加。而background-position个别采取数字组合情势定位，这样能减少保护带来的不用要麻烦,css reset重置基础代码。
--> [
网站建设之]CSS Sprites技术及图片优化
图片优化
CSS Sprites图片中把色彩较近或雷同的组合在一起可以下降颜色数，因为少色数的图片文件体积会绝对的小。
不提议CSS Sprites图片中保持一定的间距，由于文件size增大而增添文件体积。
在CSS Sprites图片中，程度排列的图片会比垂直排列的文件体积要大。Demo
我所知的设计软件,CSS position属性定位总结，对PNG图片的处置都没做到最优良的紧缩，图片体积还有必定的压缩空间。能够尝试应用下面先容的”图像优化工具” 做无失真的压缩优化。
Tag：优化 图片 技巧 ,
CSS opacity-实现图片半透明效果;
在size相同的CSS Sprites图片中,CSS HACK：IE6、IE7、IE8、Firefox兼容性问题解决方案，垂直排列的图片会比水平排列的文件体积要大。Demo
CSS Sprites图片切割术
图片对等合并：利用CSS Sprites图片时，恰当地把平等相同的图像合并，以节俭空间及减少体积,CSS Hack和向后兼容的常见问题。Demo
区离开不须要合并的图像：如当前用户断定只显示一种状况或一个级别时，不必要把其余的级别或状态的图片合并。Demo
Photoshop比拟起Fireworks，导出等同品质的PNG图片,CSS hack区分不同浏览器的写法，体积会稍大。而Fireworks固然做了相应压缩优化，但不到达最优秀的压缩。
size相同的CSS Sprites图片中留有较大缝隙，某水平上多数情形会增大了体积,CSS hack兼容性一览表，所以CSS Sprites的图片不要有空隙。
(责任编辑：网站建设)
CSS Sprites技术及图片优化相关文章