优化博客中的图片-Blogging Tips

在文章中加入图片可以增加文章的吸引力,提高博客的观赏性。然而,图片也是博客加载速度变慢的主要原因,因此做好图片的优化显得非常重要。

1. 图片大小的优化

在把图片上传到你的WP之前,首先要将它的体积尽量变小。以比较常用的PhotoShop为例:打开所要编辑的图片 后, 在工具栏选择 文件储存为Web所用格式:通过对图片品质数的设定可以改变图片所占的大小,如下图:

web2.0

对于不使用Photoshop的博友,也可以在线编辑你的图片,这里为大家推荐两个这样的网站:online image optimizer图片仓库 .

2. 图片效果的优化

把图片处理成渐进式的效果,这样在浏览器加载图片的时候会先出现比较粗略的轮廓,然后逐渐细化,最终出现最清晰的图像,这样处理的好处是:访问者不会因为等的不耐烦而离开,具体的效果可以打开:EZY Street, 注意主页那张博客与保险 的图像的加载过程。如何实现图片的渐进效果?以Paint Shop Pro为例:选择Save As–JPEG–单击Option选项–选择Progressive Encoding.

3. 图片属性的优化

对图片的height和width进行设置。如果没有设置好,那么在浏览器加载图片的时候会先判断图片的尺寸,然后再加载其余的部分,也就是说图片下面的文字部分在图片加载好之前不会被显示,这样会往往使你的读者失去耐心。

4. 图片的搜索引擎优化

和你博客中的文章一样,你博客中的图片同样会被搜索引擎收录,然而,搜索引擎是无法识别图片的内容的,比如下面这张图片:

lovely dog

搜索引擎并不能识别你的图片是一只小狗,因此需要做好对图片属性的描述,除了上面的height和width属性外,更重要的是alt和title属性, 这将告诉google你的图片是什么内容,在Wordpress中不需要你编辑html代码,你可以在Wordpress后台 –manager–uploads中对你所上传的图片进行描述,然后在写post的时候设置图像的属性,如下图:

wordpress

One Response to “优化博客中的图片-Blogging Tips”

  1. seo CHINA Internet Explorer Windows says:

    好 支持 写的不错

    [Reply]

Leave a Reply

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:


正在读取数据……