如何对网站图片进行优化

如何对网站图片进行优化
 
 
在网站优化中，其实图片的优化也占了很大一部分，它是
SEO
优化中重要的一个组成
部分，
图片优化得好，
不但可以提高页面的加载速度，
加快搜索引擎的抓取速度以至于收录
更多页面，
而且通过对图片进行有意识的优化，
还可以通过图片带来一定的流量，
是多方受
益的。下边我就我的个人经验，来讲下在对图片优化时，应该怎么做
 
 
 
 
1
、图片要加上
alt
标签
 
 
 
 
在网站的一些重要的图片中，一定要加上
ALT
标签，这样搜索引擎就可以知道这个图
片的主题是什么，从而图片搜索的时候，给予你一定的排名，对图片加
ALT
标签，对用户
来说也是一个很好的引导作用，当用户把鼠标放到图片上时，
ALT
里边的内容就会展示给
用户，特别是当图片出现一些问题不能被访问的时候，这时候
ALT
的作用就更加显现出来
了，在显示图片的地方会直接显示
ALT
里边的文字内容，从而起到一个很好的提示作用，
对于用户对上下文的理解起到一个很好的作用。
 
 
 
 
2
、图片要尽是进行无损压缩
 
 
 
 
我们知道，
一个页面中如果它的图片比较多，
那么页面的打开速度就会比较慢，
也就是
说页面的加载速度会比较慢，
特别是一些图片站，
图片都要进行适当的压缩处理，
这样页面
的加载速度就会快很多，
当然了，
图片的压缩最好是在无损的情况下进行，
现在网上有很多
这样的无损压缩工具，
大家在百度上查下就能够找到了，
我们所说的压缩是在不影响整体的
情况下进行的。
如果某些页面对于图片的质量要求比较高，
那压缩率就尽量小一些，
以免影
响用户体验，
所以这也是一个折衷的问题，
大家可以根据页面的实际情况来进行必要的处理。
 
 
 
 
3
、对图片要指定高度与宽度
 
 
 
 
页面加载图片的时候，
(
暂不考虑不同浏览器的下载并发数量情况下
)
如果页面代码中不
设定
img
的宽高，那么浏览器在加载过程中会不断计算每张图片的即时宽高，直到图片完
整显示出来为止。
而设定了宽高，
浏览器返回的信息里预先把要加载的图片宽高预留出来即
可，
那么浏览器就可以腾出时间和并发去下载其他的图片。
这也就是为什么给图片设置宽高，
可以略微改善页面打开速度的原因。
当然，
页面总数越大的站，
页面图片数或网站图片总数
大的站点，这种加载的变化就越明显。
 
 
 
 
4
、在图片的四周要尽量出现一些有意义的文字
 
 
 
 
搜索引擎在对图片的主题进行判断的时候，
是会参考图片周围的内容的，
所以我们在一
些重要的图片周围，
要尽量的出现一些描述性的文字，
以帮助搜索引擎对于图片的理解，
例
如图片的上部、下部、左部、右部，都要尽量的出现一些与图片的主题相关的内容，这样对
搜索引擎是比较友好的。
 
 
 
 
5
、使用
CSS Sprites
技术
(
图片合并
)
 
 
 
CSS
Sprites
其实就是把网页中一些背景图片整合到一张图片文件中，再利用
CSS
的“background-image”，“background-repeat”，“background-position”
的组合进行背景定位，
background-position
可以用数字能精确的定位出背景图片的位置。这样可以尽量的减少图片
的数量，从而减少图片对服务器的请求次数，从而加快页面的加载速度。
 
 
总之，
在对网站进行优化的时候，
对图片的优化也是很重要的，
因为它不但可以加快页
面的打开速度，从而提高用户体验，而且还可以通过图片搜索带来一定的相关流量。
 
单人扑克分析仪
 
http://www.gzdlpj.com
 
牌具
 
 
http://www.delipaiju.com