办公软件需要做网站建设、免费办公自动化系统以及免费建站的朋友,请联系我们在线客服或者直接登陆我们主站——云林科技

CSS Sprites图片切割术与图片优化

也不需要预留一定的行宽。  9.黄金切割位:CSSSprite图片的最右或左边为最灵活动位置最适宜摆放文本前的icon因此不会受到其它CSSSprite图片干预。

能减多少的请求数量。这并且不是单方面能做到一切取决于XHTMLCSSCSSSprite图片之间的配合。现时为止没有绝对优化的做法,关于CSSSprite技术的优化我能做到多少。这也是项目中经常衡量CSSSprite图片与XHTML关系,如:一张背景实现自适应九宫格以下总结了图片切割术与图象优化的一些方法。

图片优化

而且能为你节省10%-30%文件体积。  1.对于非动画的GIF更建议使用PNG8因为它同样能做到一样的效果。

体积会稍大。而Firework虽然做了相应压缩优化,  2.Photoshop相比起Firework导出同等质量的PNG图片。但没有达到最优秀的压缩。

对于PNG图片的处置都没做到最优秀的压缩,  3.所知的设计软件。图片体积还有一定的压缩空间。可以尝试使用下面介绍的图像优化工具”做无失真的压缩优化。

建议体积坚持在100K以内(较为符合国情最佳请求SIZEsize为800px最佳尺寸)从某权威人事中得知,  4.图片体积及尺寸方面。具体无从考证)

CSSSprite图片切割术

这样能减少维护带来的不用要麻烦。  1.CSSSprite图片顺序合图片由上至下、左至右添加。而background-posit一般采用数字组合形式定位。

因为文件size增大而增加文件体积。  2.不建议CSSSprite图片中保持一定的间距。

因为少色数的图片文件体积会相对的小。  3.CSSSprite图片中把颜色较近或相同的组合在一起可以降低颜色数。

某程度上多数情况会增大了体积,  4.size相同的CSSSprite图片中留有较大空隙。所以CSSSprite图片不要有空隙。Demo

垂直排列的图片会比水平排列的文件体积要大。Demo

水平排列的图片会比垂直排列的文件体积要大。Demo

适当地把对等相同的图像合并,  7.图片对等合并:应用CSSSprite图片时。以节省空间及减少体积。Demo

不用要把其他级别或状态的图片合并。  8.区分开不需要合并的图像:如当前用户确定只显示一种状态或一个级别时。

 

文章来自http://www.5han.com  欢迎转载,转载请著名出处!

  • 相关文章:

发表评论:

Copyright 武汉网站建设,办公软件,免费建站. Some Rights Reserved.点击这里咨询请点击此处咨询 Powered By & Theme