当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 12个对网页设计师非常有用的图片优化工具

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表 中的 12个对网页设计师非常有用的图片优化工具


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 49 ::
收藏到网摘: n/a

原文:12个对网页设计师非常有用的图片优化工具
译自:12 Really Useful Image Optimization Tools For Web Designers
请尊重文章的版权,转载请注明出处,多谢!

 


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

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

基于web的图片优化工具

1. Smush.it

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

smush-it

2. Dynamic Drive在线图片优化器

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

dynamic-drive-online-image-optimizer

3. PunyPNG

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

punypng

4. SiteReportCard图片优化工具

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

sitereportcard-image-optimization-tool

桌面图片优化工具

1. Shrink O’Matic

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

shrink-o-matic

2. OptiPNG

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

optipng

3. ImageOptim

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

imageoptim

4. PNGOUT

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

pngout

5. PNGGauntlet

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

pnggauntlet

6. JPG & PNG Stripper

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

jpg-png-stripper

7. TweakPNG

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

tweakpng

8. RIOT – Radical Image Optimization Tool

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

riot-radical-image-optimization-tool