如何对网站图片进行优化?

　　如何对网站图片进行优化?

　　，我们先来了解一下，一张标准的图片所应包含的关键标签。

　　通常，一张标准的图片所嵌入的代码一般应包含5个标签，即Src，Width，Height，Alt和Title。

　　在网页中插入图片需要用到Html语言中的img元素。从技术上讲，

　　标签不是指在网页中插入图像，而是在网页链接图像，

　　标签创建的就是被引用图像的占位空间。其中，Src和Alt是

　　所必需的两个属性。知己知彼百战不殆，接下来，我们就逐一来认识一下这5个标签。

　　1. Src

　　Src的值(value)指代的是图像文件的路径(Url)，也就是所引用的图像的绝对路径(Url)或相对路径(Url)，语法是。其中，绝对路径(Url)指向其它站点，也就是从其它网站引用来的图片的链接地址，相对路径(Url)是指向自身站点的文件地址。对工作来说，白掌认为，绝对路径可以理解为直接从其它网站拿来的图片指向的图片地址，而相对路径是自身电脑上的图片的路径。

　　2. Alt

　　Alt，图片的替代文本，是在图片无法显示或用户禁用图像显示时，代替图片显示在浏览器中的内容。Alt属性的值(Value)是一个多可包含1024个字符的字符串，其中包括空格和标点。其语法是。在写Alt标签时，尽量要用一个简单的句子把图片的要义完整的表达出来，，为加速搜索引擎爬虫对图片的抓取，也能在Alt标签中加一个文章的主关键词。

　　3. Title

　　Title，是当鼠标放到图片上时所显示的文字。如果图片上加有超链接，title属性就可用来对这一图片链接进行解释说明。当图片有链接时，用户点击图片会显示文字，用户可根据文字来判断对加载页面是否有兴趣，进而减少无用的页面加载;当图片没有链接，，图片旁边没有文字标题或文字标题很长且显示不全时，title属性就可告诉用户这个图片是什么，提高用户体验。

　　4. Width和Height

　　Width和Height，是图片的宽和高，也就是图片的大小。过大的图片，会降低网页的加载速度，过小则有可能影响图片的清晰度。对于网站导航、背景等图片，可参考百度、新浪等门户网站的图片尺寸，但对于文章中的图片，就可具体情况具体分析。不过，质量佳且清晰的图片，有助于提高用户体验。