I'm Donkey

页面重构合理化讨论(下)

Jan 05

TingWeb标准化交流会 CSS Sprites, jpg png-32 png-8 gif 2 Comments

前两次的总结受到Web标准交流会朋友们的很多鼓励,我特别开心.学习的过程是最需要鼓励的,这样才有继续的动力~

三、 素材合理化
a) 图片类型合理应用 jpg png-32 png-8 gif
b) 图片字节 
c) 图片管理 
e) css sprites
f) 图片缓存

其实那天因为要赶着回天津,所以并没有一直等到交流会结束.很遗憾…不过好在最后因为场地时间问题,我只错过了这一小节的讨论,呵呵.

我就简单说说自己的想法吧,最后会放上参与讨论的同学的总结(算偷懒不?嘿嘿)

图片类型合理应用 jpg png-32 png-8 gif

平时我经常用gif跟jpg,png-8基本上没用过,也是参加了交流会之后听这么多同学推荐才知道png-8的使用如此广泛,还是自己平时关注得少,学习得少啊.刚在twitter上看到了kejun提到了http://www.olegkikin.com/png_optimizers/ 有时间仔细学习下,然后实践实践. 做了一段时间网站才慢慢发现图片处理如此重要.原则真的是:压缩无极限!恩!

图片字节

不知道这小节是不是要讨论图片大小的控制要在什么范围呢?我平时尽量是将大图控制在不超过60k.

图片管理

这部分因为公司网站基本上是自己一个人在做,所以对于这些前端的东西自主性比较大,更新也不麻烦.但我也是一直头疼于图片的文件夹管理,到底如果分才会更合理呢?像CSS那样根据网站结构分好像也不太ok…

css sprites

这个话题说大不大,说小也不小.是第二次Web标准交流会的主题.讨论了两个小时左右,结论也没有特别明确.虽然大家对这个技术不陌生,也很认同.但是如何合并,什么时候要合并,合并成什么样.有更新或改动时要怎么办.对于单独图片的管理又如何处理等等没有一个相对统一的结论.

但讨论的过程中到是有几个问题是我之前不曾注意的.如果空白问题,按颜色合并,反对角排列,图片合并/导出工具的使用等等.

个人觉得CSS Sprites好处多多 但是管理更新实在是个问题…

图片缓存

公司网站图片上线没有版本号,更新的时候通常是重新命名,上传一个新文件.因为服务器端设置了过期时间,浏览器端会有缓存.同时也有会Gzip的设置.另外还有一个图片服务器.

以后就是对于这一小节的简单总结,相比之前两节有些简单.一是因为有些话题有些大,或者说实践性强些,目前没有一个特别统一的结论.日后会针对其中的一些小细节再做研究.

呵呵,就到这里吧.下期交流会会继续讨论js框架和html5/CSS3的一些相关话题.希望在这些方面有想法,想交流的同学积极报名参加.真的可以学到不少东西!