近期会翻译一些简单实用的英文技术文章，一来是丰富一下博客的内容，二来就当作是对学过知识的一个记录，第三，这也是博客写作模式的一个探讨，Keep blogging需要激情，但同样也需要技巧。

在网页中使用图片丰富了网页的内容，同时也增强了网页的互动性。但是为了达到这些目的，网站管理员通常忽略了图片的大小以及网页加载速度等问题。

为什么要关注网页图片的大小的呢？对图片大小的简单处理我们就能达到这样的效果：

  • 增加网页被搜索引擎爬虫抓取的几率;
  • 增加网页加载速度从而降低网页的跳出率;
  • 让你的网页更易获取。

下面介绍几个在不损害图片质量的前提下优化图片大小的方法。

1. Photoshop的“保存为网页所用格式“选项:

我不是Photoshop高手，我只是使用这个工具的一些基本的功能来美化我的截图，但我非常喜欢这个选项：”保存为网页所用格式”选项。操作也十分简单，每次在你编辑完图片之后，只需要：

  • 点击 “保存” ，然后选择 “保存为网页所用格式” (或者使用快捷键”CTRL+Alt+Shift+S”);
  • 选择图片质量(根据你的实际需求选择) –在你调整图片大小的时候注意不要过多损害图片质量。

2. 使用在线工具

Smush.it 是一个优化图片大小的在线工具(同时也是一个FireFox的组件)，他能在不损害图片质量和视觉效果的前提下，「挤压」掉图片多余的字节数。

这个工具还提供了其他几个鲜明的特点:

  • 从本地上传图片，并且在能够方便的下载处理过的图片压缩包。
  • 直接通过图片url上传。

Image Optimizer 是另一个非常好用的工具，这个工具的好处是能选择优化成不同格式的图片（包括GIF,JPG,PNG）,而且似乎通过这个工具处理的图片视觉效果比Smush.it这个工具要好一些。

英文原文：http://www.searchenginejournal.com/image-optimization/11791/中文翻译：shazeer
首发地址：http://ec-believer.org/2009/07/image-optimization