如何压缩博客上的图片?

如果一个网页有图片,那么在保持图片品质的情况下,对图片进行压缩,则会有利于提升网页的加载速度,从而改善读者的浏览体验——特别是当某个网页(例如这个)的图片较多较大的时候。

那么如何对图片进行压缩呢?在谷歌百度搜索“图片压缩”,你或许会找到很多答案。下面我举个例子说说我是如何压缩图片的。

原始图片

这张图片的大小为 43K,是把用相机照出来的照片缩小尺寸后得到的,如果要我压缩这张图片,我会根据具体情况选择下面三种方法之中的其中一种:

一、通过 ACDSee 转换格式压缩

用 ACDSee 先把原始图片另存为 GIF 格式,生成的 GIF 图片大小为 163K,再把 GIF 格式的图片转化成 JPG 格式,生成的图片大小为 33K,比原始图片少了 10K,压缩了 23.26%。压缩效果如下:

ACDSee 压缩后

这种方式压缩的图片质量较高,不过图片多的话就不好处理了,另外,并非所有的 JPG 图片转换成 GIF 格式都会变大,也并非所有的 GIF 图片转化成 JPG 格式都会变小,要看原始图片。

备注:并非所有的 ACDSee 版本都有图片格式转换功能的,本测试所用的 ACDSee 版本为 5.0。

二、通过 Photoshop 按品质压缩

用 Photoshop 打开原始图片,然后选择“存储为 Web 和设备所用格式”,格式仍然保留为 JPEG,品质可以从 0 到 100 任意选择,默认是 60。不过按照 60 的品质压缩之后的图片大小为 41K,不方便和 ACDSee 比较。于是我选择了 50,压缩后图片的大小为 32K,效果如下:

Photoshop 压缩之后

这种按照品质等级进行压缩的方法,很多压缩软件都有在用,不过我对接触过的这类软件都不满意,觉得效果没有 Photoshop 那么好。另外,Photoshop 还可以批量压缩图片。

三、通过 smush.it 在线压缩

smush.it 是一个提供在线压缩图片服务的网站,该网站压缩图片有几个优势:

1、图片外观质量保持不变;

2、可以批量上传图片并进行压缩;

3、可以对既存网页上的图片进行压缩。

提供在线压缩图片服务的网站也有好几个,但是我觉得 smush.it 是做得最好的,如果它能够提供整个网站的图片批量压缩那就更好了。

把原始图片上传到 smush.it 网站压缩后得到的图片大小为 41K,仅压缩了 2K,效果如下图:

Smush.It 后

后来,我把 ACDSee 压缩后的图片(33K)上传到 smush.it,只能压缩掉 0.459k;而把经过 Photoshop 压缩的图片(32K)放到 smush.it,结果则是“No savings”, 1b 都没有压缩;至于经过 smush.it 压缩过的图片,也是无法再次用 smush.it 压缩的。

从以上测试可以得出以下结论:

1、通过 ACDSee 格式转换的方式压缩图片品质有保证,并且还能压缩不少,但是不能批量压缩。

2、通过 Photoshop 可以人为控制压缩后图片的品质和大小;

3、通过 smush.it 能够很好地保持原图外观,但是压缩不了多少。

这三种压缩方式各有优势,如果只有一张图片要压缩,我大多会使用 ACDSee;如果有多个图片要压缩,并且能联网,为了保证压缩后图片的品质,我会使用 smush.it (例如前篇文章);如果有多个图片要压缩并且无法上网,那就用 Photoshop。

你是通过什么方法压缩图片的呢?或者你从来都不对博客上的图片进行压缩?

相关博文:

  1. 通过 WP Minify 插件提升网页速度
  2. 13 个提供在线图片编辑服务的网站
  3. 三款有趣的免费在线图片处理工具
  4. 将博客的网页速度提升到最高级的简易方法
  5. 四大防止网站图片被盗的技巧及其破解方法

此文发表于 博客技术 以及标签 , , , , ; 收藏永久链接. 发表评论或者留下引用: 引用链接.
Post comment as twitter logo facebook logo
Sort: Newest | Oldest

我一般都是使用FIREWORKS来压缩照片的

方法也一样,一般数码照片会使用JPG格式的,质量调整为60~

@芒果: web resizer 不错,不过它不能批量压缩。

irfanview小巧實用,壓縮圖片也不錯
picasa也可上傳圖片時直接選擇壓縮

@davix: 谢谢推荐 irfanview,的确小巧实用。我博客上的图片都不放在 picasa 上,所以不用 picasa 压缩图片。

要是 smush.it 开源就好了……