目录
[隐藏]

图片往往是一个网站首先映入游客眼中的东西。经常就会碰到这样的问题,比如说一张图片,你也不知道大小是不ok。反正我用ps弄出来的图片保存了都蛮大的。。。然后传到网站上的话,加载起来就很慢,很拖网站的时间。那怎么办呢,其实最简单的就是装个Google的那个speed。它会自动给你打分,网站的加载时间什么的,如果一旦觉得时间慢了,它就会列出来哪里哪里,然后图片的话会有个直接保存的按钮,然后你直接保存下来就ok了。

但是如果你觉得麻烦的话,可以试试下面的这些图片优化的网站。

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

事实上有很多有用的图片优化工具,它们可以帮助我们优化并减小图片的文件尺寸。这些有用的应用包括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将会并排显示元素图片和输出图片,这样你就可以简单的对比它们的质量。

另外找的一些网页图片SEO优化技巧

点评:1. 在图片的alt标签(替换文字)中加入关键字,这是图片SEO中的最重要的一点。比如: <img src="jb51.net" alt="脚本之家">    2. 标准的图片嵌入代码应当包含的5个关键性标签:src、width、height、alt和title。替换文字(alt )

1. 在图片的alt标签(替换文字)中加入关键字,这是图片SEO中的最重要的一点。比如: <img src="jb51.net" alt="ylsnuha">

2. 标准的图片嵌入代码应当包含的5个关键性标签:src、width、height、alt和title。替 换文字(alt )是为了给那些不能看到你文档中图像的浏览者提供文字说明。title是对图片的说明和额外补充,如果需要在鼠标经过图片时出现文字提示应该用属性 title。一般alt标签最为关键。举个例子,比如一张图片,长宽为239×104。那么它规范的HTML代码就应当为:<img src="jb51.jpg" width="239" height="104"alt="滚来滚去,在互联网的世界里" title="滚来滚去" />

图片中Alt 属性和Title属性有什么不同?

3. 给你的图片取个描述性的、包含你的目标关键字的文件名。如果你有一张图片是关于可爱的鹦鹉的,那么就应当 使用像parrot.jpg这样具有描述性质的文件名,而不是使用 t123.jpg这类只是代号的名字,当然也可以让图片的文件名与ALT标签里面的内容相同或者一致。不要随随便便用这样的名字pic1234.jpg, 而应该用描述更清楚的名字cute-parrot.jpg。

4. 图片和所在网页内容必须相关:浏览图片不是访问者访问网页的第一件事情,但是会让访问者在页面停留的时间 更久一些。(根据眼睛追踪的研究结果,浏览网页时文字优先于图片,但看印刷文章时,人们会先看图片。虽然人们在看网页时会先看页面上的文字,但是图片会让 他们停留的时间更久并对页面有更深刻的印象)

5. 在图片周围添加相关信息。如果你用Google搜索图片,会不难发现,在每张图片下会有一段描述性文字, 其中关键字用粗体显示。Google图片搜索通过分析页面上图片附近的文字、图片标题以及许多其它元素来确定图片的内容。所以在图片周围添加包含关键字的 描述信息将可以优化网站图片在搜索引擎中的排名。

6. 指向图片的链接要包含关键字。
使用超链接打开图片,那么超链接的名字应当包含图片的关键字,比如你要链接一张可爱的鹦鹉的图片,就不宜使用“点击获得完整尺寸”等链接文字,而应当试着使用诸如“可爱的鹦鹉”之类的命名形式。

7. 使用Tag为图片打上标签。在使用像flickr之类的图片存储服务时,最好为图片加上tag。

8. 确保图片可以被搜索引擎抓取。设置网站的robots.txt文件保证图片文件可以被搜索蜘蛛抓取。记住不要使用javascript链接图片文件。如果你那样做的话,搜索引擎是无法检索到你的图片文档的。

9. 没有必要优化你网站上的所有的图片。比如模板中使用的图片、导航中的图片还有背景图片等等,我们不用为这些图片添加ALT标签,我们可以把这些图片放在一个单独的文件夹里。并通过设置robots.txt文件来阻止蜘蛛抓取这些图片。

你可以设置所有的蜘蛛都被阻止抓取这些图片:
User-agent: *
Disallow: /Images

也可以只阻止Google图片搜索蜘蛛抓取:
User-agent: Googlebot-Image
Disallow: /Images

10. 避免有重复的图片。举个例子,你的网站上的一张图片有三种形式存在:较小尺寸的图片,中等尺寸的图片,较大尺寸的图片。那么,不要让这三张图片都被索引到。处理这种情况的最好的方式是用robots.txt文件告诉蜘蛛不要抓取你不想被索引的图片版本。

11. 每个网页的图片数量尽量要少。

12. 注意图片的尺寸以适应搜索引擎,比如你链接的是一张壁纸,那么壁纸的大小就应当符合规范。 因为Google、百度等图片搜索都提供根据图片尺寸来搜索。

13. 经常更新图片。如果你的图片很长时间没有变化(图片尺寸、图片文件大小、图片位置和图片名称等没有发生变化),其排名可能被降低,因为搜索引擎会怀疑图片内容是过时的。

14. 使用Google网站管理员增强型图片搜索功能。启用增强型图片搜索功能,Google 将使用 Google Image Labeler 等工具将你网站所包含的图片与标签相关联,以优化这些图片的索引并提高搜索质量。

15. 图片被盗用是一个很难避免的问题。我们可以在每张图片上加上一些文字,比如"photo by www.ylsnuha.com" ,"image by www.ylsnuha.com"等等。虽然并不能完全杜绝盗用,但至少别人要想使用你的图片就得花时间来重新编辑它。

16. 检查被搜索引擎图片搜索索引的图片收录情况。为了检查对网站图片的优化方法是否成功,需要监测搜索引擎对网站图片的收录率。方法是在http://images.google.cn/搜索栏中输入<site:www.ylsnuha.comt>(将www.ylsnuha.com替换成你需要查询的域名)。其他搜索引擎也有这样的功能。