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

2016-02-20 00:07 10 1 收藏

下面请跟着图老师小编一起来了解下12个对网页设计师非常有用的图片优化工具,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - Web开发 】

原文:
译自:
请尊重文章的版权,转载请注明出处,多谢!

 


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

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

基于web的图片优化工具1.

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

smush-it

2.

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

dynamic-drive-online-image-optimizer

3.

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

punypng

4.

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

sitereportcard-image-optimization-tool

桌面图片优化工具1.

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

shrink-o-matic

2.

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

optipng

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)3.

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

imageoptim

4.

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

pngout

5.

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

pnggauntlet

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)6.

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

jpg-png-stripper

7.

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

tweakpng

8.

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

riot-radical-image-optimization-tool

来源:http://www.tulaoshi.com/n/20160220/1631304.html

延伸阅读
作为设计师和前端人员,不可能记住多种程序语言、框架和各种应用程序的快捷键等等。下面我们分享一些速查手册/快捷键图表(Cheat Sheet),大家可以将它打印出来,然后放到自己的桌面,贴在办公桌桌边,当然加个相框就更多好看了。这样你查看的时候就非常方便了啦。 HTML5视觉手册 点击查看(JPG) 点击查看(PDF) SEO 参考手册 The Web ...
标签: ASP
  1.如何用Asp判断你的网站的虚拟物理路径   答:使用Mappath方法   < p align="center" < font size="4" face="Arial" < b    The Physic al path to this virtual website is:   < /b < /font    < font color="#FF0000"...
互联网发展到今天。网页是设计风格渐渐走向几个特点。一种是创意类而另一种就是框架类。创意类的网页是让网页更趋向于艺术风格,而框架类的网页则是为了加快网页设计的开发速度以及各种标准化的统一管理。好的团队都会用一种高效的框架来进行快速开发。这样的工作效率会非常的高。更牛的团队会相应的开发自己的框架,或者对一些开源框架进行二...
标签: ASP
  ASP 编程中 20 个非常有用的例子 1.如何用Asp判断你的网站的虚拟物理路径  答:使用Mappath方法  < p align="center" < font size="4" face="Arial" < b   The Physical path to this virtual website is:&nb...
标签: ASP
       1.如何用Asp判断你的网站的虚拟物理路径   答:使用Mappath方法   < p align="center" >< font size="4" face="Arial" >< b >   The Physical path to this virtual website is:   < /b >< /font >   < font color=...

经验教程

293

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部