图片非常重要,它们可以让你的页面更好看,更引人注目。但是,高质量和漂亮的图片常常会很大,它们会让页面加载变慢并消耗更多带宽。所以我们,这些设计师应该优化图片以使其体积更小但质量更高!

事实上有很多有用的图片优化工具,它们可以帮助我们优化并减小图片的文件尺寸。这些有用的应用包括web应用和桌面应用。

基于web的图片优化工具

1. Smush.it

Smush.it是一个很流行的图片优化工具,它可以既减小图形文件的大小又能保持其质量,也就是我们称之为“无损(lossless)”图片压缩!你可以通过网站来运行Smush.it (一次最多5张图片)或者通过Firefox的YSlow扩展。

 12个对网页设计师非常有用的图片优化工具_职场

2. Dynamic Drive在线图片优化器

该在线图片优化器允许你优化不同的文件格式,比如GIF、JPG和PNG。你既可以从本机上传图片,也可以像Smush.it那样粘贴图片的URL。该工具可以优化并转换你的图片为不同的文件类型。该工具的限制是每次一张图片,每张图片不大于200K。

 12个对网页设计师非常有用的图片优化工具_休闲_02

3. PunyPNG

PunyPNG使用多个优化技术。它将先检测你的图片,然后判断哪种技术是最适合的。PunyPNG 支持大部分流行图片格式,并自动为你测定转换的图片格式。

 12个对网页设计师非常有用的图片优化工具_休闲_03

4. SiteReportCard图片优化工具

SiteReportCard图片优化工具支持GIF、JPG和PNG格式。你可以粘贴图片URL或者从你的电脑上传。该工具将会压缩和优化图片为适当的大小和质量。

 12个对网页设计师非常有用的图片优化工具_网页设计_04

桌面图片优化工具

1. Shrink O’Matic

Shrink O’Matic是一款基于AIR的应用,它可以通过拖拽来即时的处理图片。你可以选择一些选项,比如输出格式、输出名字或者输出大小。

 12个对网页设计师非常有用的图片优化工具_网页设计_05

2. OptiPNG

OptiPNG是一款高级PNG优化器,可以将多种文件格式的图片转化为优化过的PNG图片。Windows用户可以通过OptiPNG Windows Shell Integration项目将OptiPNG整合到Shell,或者使用OptiPNG作为Paint.NET 插件。使用Mac OS X 的用户可以通过PNGCrusher应用享用OptiPNG。

 12个对网页设计师非常有用的图片优化工具_网页设计_06

3. ImageOptim

ImageOptim是一个前端工具,它是开源的,不过貌似只有Mac OS版本,使用来自于AdvanceCOMP的AdvPNG、OptiPNG、PngCrush、JpegOptim、来自于libjpeg的jpegtran、Gifsicle以及可选的PNGOUT。

 12个对网页设计师非常有用的图片优化工具_网页设计_07

4. PNGOUT

PNGOUT是一个命令行应用,它有很多的不同选项。支持PNG、GIF、BMP、JPG、TGA和PCX 格式。

 12个对网页设计师非常有用的图片优化工具_网页设计_08

5. PNGGauntlet

PNGGauntlet是一个使用PNGOUT来优化PNG文件的.NET 应用。它可以将JPG、GIF、TGA、PCX 和BMP 等文件转换为PNG。如果你不是很熟悉Windows命令行,可以试一下PNGGauntlet。

 12个对网页设计师非常有用的图片优化工具_网页设计_09

6. JPG & PNG Stripper

这个应用可以从图片文件中移除不必要的元数据。它支持JPG、JFIF和PNG 文件格式。

 12个对网页设计师非常有用的图片优化工具_休闲_10

7. TweakPNG

TweakPNG是一个用于优化PNG文件的低级别的工具。那么为了使用这个工具,你需要熟悉PNG文件格式。你可以从这个网站了解更多的关于PNG文件的信息。

 12个对网页设计师非常有用的图片优化工具_网页设计_11

8. RIOT – Radical Image Optimization Tool

RIOT可以通过幻数读取并优化不同的图片格式。随意它也能优化不常见的图片扩展,这让它与其它优化工具相比比较独特。RIOT将会并排显示元素图片和输出图片,这样你就可以简单的对比它们的质量。

 12个对网页设计师非常有用的图片优化工具_图片优化_12