12个设计师常用图片优化工具

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

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

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

基于web的图片优化工具

1. Smush.it

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

2. Dynamic Drive在线图片优化器

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

3. PunyPNG

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

4. SiteReportCard图片优化工具

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

桌面图片优化工具

1. Shrink O’Matic

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

2. OptiPNG

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

3. ImageOptim

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

4. PNGOUT

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

5. PNGGauntlet

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

6. JPG & PNG Stripper

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

7. TweakPNG

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

8. RIOT – Radical Image Optimization Tool

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

时间: 2024-10-17 10:00:13

12个设计师常用图片优化工具的相关文章

Potrace 1.10发布 位图图片优化工具

Potrace 1.10该版本增加一个DXF后端.输出是在计算机辅助设计软件所使用的图形交换格式. Gimppath后端改为与当前版本的GIMP兼容.现在EPS,PDF和SVG后端使用高分辨率的边界框.现在固定在72DPI的EPS,PDF和SVG后端的默认缩放. SVG的后端增加了一个新的选择-flat.增加了一个新的选项-tight删除输入图像周围的空白,然后再计算其缩放和位置. 示例: Original image Potrace output Original image Potrace

浅谈图片优化的方法

在网站优化中,如果图片优化得好,不但可以提高页面的加载速度,提升网站的用户体验,而且还可以通过图片优化来节省网站的带宽.那么作为页面构建工程师应该采用什么方法来优化图片,既能保证UI的还原度,又使图片最精简呢?下面我就个人经验,来简单介绍一下图片优化的方法,首先我们了解一些图片方面的知识: 1.&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;矢量图与位图. 矢量图:缩放.旋转不失真的图像格式,不管你离多近去看都看不

网站用户体验分析:浅谈图片优化的方法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网站优化中,如果图片优化得好,不但可以提高页面的加载速度,提升网站的用户体验,而且还可以通过图片优化来节省网站的带宽.那么作为页面构建工程师应该采用什么方法来优化图片,既能保证UI的还原度,又使图片最精简呢?下面我就个人经验,来简单介绍一下图片优化的方法,首先我们了解一些图片方面的知识: 1. 矢量图与位图. 矢量图:缩放.旋转不失真的图像

WEB前端设计师常用工具集锦_基础知识

下面是我整理和收集的一些前端开发常用的 插件.工具.软件等不为别的,相当于给电脑做个小备份,至于使用方法,以后我会总结,目前的话还是自行google吧. [FireFox插件] 1.  Firefbug     --    页面调式工具 2.  YSlow     --    网页评级工具 3.  pixel Perfect      --    HTML与设计稿对比 4.  CSS Usage     --    CSS使用效率优化工具 5.  Page Speed     --    快速优

11款网站优化工具下载_常用工具

Google关键字排名查询工具 GoogleMon授权方式:免费软件一款比较经典的google关键字排名速查工具,速度快,使用方便简单,不过据站长本人的使用经验,对中文关键词排名查询还是支持不好,这是所有国外seo工具的一个通病.  网站地图制作工具 - Xenu Link Sleuth授权方式:免费软件很好用的工具,不仅能够按照网站本身的连接结构制作出良好结构文档的地图页面,而且能够检查网站的坏链,有一个非常好的用法推荐,就是用它来做网站的地图(sitemap),这样你的网站就能够被搜索引擎检

14个在线网站优化工具

先介绍的最重要的两个网站管理员工具,"Google网站管理员工具"和"百度站长平台",在这里卢松松就不多做介绍了,一般人都知道. 2:Google基于搜索的关键字工具   它可以检测您网站的内容,并将其与实际的 Google 搜索查询进行匹配,从而为您提供一个高度相关.搜索频率较高的关键字列表,该工具还提供有关每个关键字的其他信息,例如月平均搜索次数.使用某个关键字的广告展示位置的竞争激烈程度.将广告置于前三位的估计出价.广告占有率/搜索占有率等. 3:ps教程:/

两款国外SEO优化工具推荐

SEO博客在站长常用免费SEO工具一文基本上都是推荐国内SEO工具,本文福建SEO将为大家带来的是:两款国外SEO优化工具推荐. 1.重定向检查器,Redirect Checker,也可以称为页面跳转方式检查工具.Chinaz站长工具里面的HTTP状态查询也可以实现部分功能. Redirect Checker:http://www.internetofficer.com/seo-tool/redirect-check/更加强大. Which redirection ?在文本框粘贴需要检查的网址,

前锋:列举六种常用的SEO工具

有人问我SEO博客里有SEO工具的分类,怎么没听合肥SEO介绍SEO工具呢?一方面是时间有限,毕竟还要工作,这个SEO博客每天只能更新一点SEO知识,而SEO的内容说多不多说少也不少;另一方面,我们平时常用到点工具,相信童鞋们都用过,准备有时间再理顺点再跟大家聊这块.既然有人问了,先就说说几个最常用的SEO工具,高手飘过. 1.百度指数,在线工具,http:\\index.baidu.com\.这是我们研究关键字在百度搜索引擎中竞争激烈度最好最直观的工具,一般来说百度指数越高,SEO优化难度越大

CSS Sprites技术及图片优化

关于CSS Sprites技术的优化我们能做到多少,能减多少的请求数量.这并且不是单方面能做到的,一切取决于XHTML.CSS.CSS Sprites图片之间的配合.现时为止没有绝对优化的做法,这也是我在项目中经常衡量CSS Sprites图片与XHTML关系,如:<一张背景实现自适应九宫格>,以下总结了图片切割术与图象优化的一些方法. 图片优化 对于非动画的GIF更建议使用PNG8因为它同样能做到一样的效果,而且能为你节省10%-30%的文件体积. Photoshop相比起Fireworks