Warning: include(/home/kingdee/kdued.com/wp-content/themes/kdued/functions.php): failed to open stream: Permission denied in /home/kingdee/kdued.com/wp-settings.php on line 328

Warning: include(): Failed opening '/home/kingdee/kdued.com/wp-content/themes/kdued/functions.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/kingdee/kdued.com/wp-settings.php on line 328
图片优化 « "有意思"的用户体验团队

9

图片格式问题和对性能产生的影响

/前端开发, 视觉设计 /2009.04.07

文字一出各路诸侯杀出,一个措手不及待吾友商发布!

前不久视觉组同事们讨论了一个老话题 — 网站图片格式问题和对性能产生的影响

其实大家每天都与图片色彩文字打交道,经验给大家带来了熟练的技巧!但是对图片格式对站点性能产生的影响大家都发表了自己的看法,分享了自己的经验。

目标:提高浏览器访问页面速度

我们设计和制作中能做的: 
1、尽量少图片;尽量好交互
      浏览器页面尽量少用图片或精细化图片
2、图片尽量用色彩和像素点代替
      解决好 美观和下载速度这把双刃剑
3、做切割对比测试
      制作人员掌握图片切割规律

阅读全文

5

网页设计基础-web图片输出优化1

/视觉设计 /2008.12.26

我们都知道,对于一个网站而言,网页的下载速度是至关重要的。它不仅直接影响到用户的浏览体验、还关系到网页在搜索引擎中的排名参数。因此,优化网页、使之能快速下载是页面制作中很重要的考虑因素。网页优化涉及方方面面,图片优化则是其中重要手段之一。下面,本着把图片大小节省到字节的精神,我们就来探讨一下web图片的优化,欢迎大家补充、指正。

图片优化基本原则:

一、图片裁切

切图时尽量贴合图形区,避免空白区域占用文件大小。

二、图片输出

1. 使用photoshop的“存储为web所用格式”功能来输出照片,

测试表明:输出某张图片为jpg格式,分别使用“存储为web所用格式”和一般的“存储为”,都压缩到50%,前者得到的图片结果为14.4kb,后者为47.1kb。

2. 在使用上述功能进行图片输出的过程中,对比jpg、gif格式下的文件大小,选择效果和大小较优的文件格式。

一般情况下,色彩少的图片使用png-8、gif格式文件会小些,色彩渐变丰富的图片,则使用jpg会小些。

3. Jpg格式的图片,需综合对比压缩品质高、中、低下的效果,尽量选择效果好且压缩品质较低的选项,以达到获取较小文件的目的。

4. 对于无多通道透明需求的图片,避免使用png24位格式输出。

Gif图片如何优化?

有些图片,色彩并不是很丰富,通过对比可知输出gif会更小些;或者,因为要用在多种背景中使用,需要输出为透明格式(非多通道),这时,就需要选用gif格式。我们都知道Jpg格式可以通过控制压缩比来优化,相对于JPG,gif优化是比较容易被忽视的。看到身边有些朋友在输出gif时基本不作什么优化选择,觉得很可惜。其实,即使确定要输出gif格式,通常也仍有继续瘦身的余地。

我们可以做个实验。

无觅相关文章插件,快速提升流量

阅读全文