Web图片保存的艺术(JPG)

N9之前写过这篇教学文章，以前博客被和谐了，现在的又遇到工作需要，不得不再重新提一下；
当然，我把文章标题换了，《图片保存的艺术》改成了《Web图片保存的艺术》；
图片是如何拍摄，如何设计的，不在本文的讨论范围，这里我只说一下基于对Web浏览的需要的JPG图片压缩；

话不多，原图地址在这里；

大家可以看到，原图的属性（来源500px，摄影师：Daniel Bosma）；

这么一张这么漂亮的图片，我很像通过网站分享给大家，我也想通过手机App分享给大家；
388kb的文件大小，电信的3G信号，用了2秒+，如果用户是移动的GPRS信号，那我只能说抱歉了，下载的等待时间将会超过8秒；

这里，我们就需要通过Photoshop把图片进行压缩；
如何压缩呢，很简单，不需要对图片做任何的操作，我们要做的仅仅是：

1.用Photoshop打开图片

2. 选择【文件】-> 【存储为Web和设备所用格式】

3.选择图片类型为JPEG

4.调整图片质量，建议在50~80之间

5.点击存储，给文件起个新名字，OK了~

下面相同的这张原图，我用了30品质/50品质/60品质/70品质/80品质分别作了Web优化保存；

原图品质	80品质	70品质	60品质	50品质	30品质
文件大小	388k	168k	117k	90.3k	65.4k	44.9k
原图压缩比	100%	43.3%	30.1%	23.3%	16.8%	13.3%
局部放大
图片链接	这里	这里	这里	这里	这里	这里

虽然相差10品质，肉眼几乎看不出任何的瑕疵，但80品质的压缩率，已经高达43.3%了；
而更恐怖的是30品质的压缩率，竟然接近了10%；
PS：根据图片尺寸和颜色图案的不同， 压缩率会有不同，一般一张图片，用80品质压缩，压缩率会在40~80%之间；

最后，以下是个人看法和总结：
对于手机App杂志（特别是iPad版本），或者相对文艺，偏图片欣赏类的网站而言，80品质是首选；
而对于普通网站，只是FYI这类的图片，50品质就足够了； 
而对微博，新闻网站的缩略图，尽量选用30品质来提高用户的浏览速度；