做网页的时候，用PS一般会牵涉到输出三种格式的图片：jpg、png、gif。输出的时候怎么选择输出什么样的图片呢？我们简单总结一下：

jpg是压缩格式，可以对一个图片进行相应比例的压缩。

png做透明图片很不错，但是一般比较大

gif是做动画用，有一些透明的图片也会用gif，但往往会有噪边，如果放在白色背景上还算可以，放在其他背景上就很容易看到噪边了。

（1）动画只能用gif

除了用flash动画或者现在新出的HTML5动画之外，我们没有选择，只能用gif。

如果背景是白色的，那用gif还算凑合，但如果是杂色或者是其他的，那建议还是用flash或者是视频格式吧。

（2）png主要用于制作高质量的透明图片

缺点是低版本的浏览器并不支持png格式。不过随着IE6淘汰，现在基本没有问题了，可以用。

唯一的问题就是比较大，可以通过tinypng插件适当压缩（可百度找找）。

（3）jpg还是比较常用的网页格式

缺点是不能做透明效果、不能输出动画图片。优点是可以调整压缩比例，随意平衡文件大小和文件质量度的关系。

其他技巧：

1、JPG输出的时候，网页应用一般选择60~80%的质量度比较好。选择“连续”，浏览器会先模糊加载，然后逐步变清晰，效果比较好！

2、尽可能的选择jpg图片，毕竟网页是要追求打开速度的；万不得已可以用PNG；只有动画的时候才能用gif(以后要淘汰了)

3、图片大小尺寸够用即可，不要盲目的追求清晰。尺寸的尽量的小就能让文件更小

本文作者：紫石头原创模板堂

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询