当前位置:网站首页 / 建站知识 / 网站制作知识

网站图片怎么优化?网站图片优化技巧总结

来源:未知时间:2015-07-31 22:14点击:

网站图片是网站的重要组成部分,网站图片优化是网站优化的主要任务。怎样优化网站图片才能让网站的性能达到最佳?下面是济南网站制作总结的一些关于网站图片优化的技巧。

1. 图片格式规范

图片格式优先级: jpg、jpeg、gif、png、bmp、tiff、pcx、tga、exif、fpx、svg、psd、cdr、pcd、dxf、ufo、eps、ai、raw

图片格式提取规则:图片格式应当首选jpg、jpeg、gif、png、bmp

2. 图片命名规范

图片命名规则:禁止使用中文对图片进行命名,图片命名格式为{图片所在文件夹名称}-{图片所在频道名称}-{时间(以年为单位)}-{图片上传日期}-{编码}.jpg

例:某图片在2012年8月1日上传于某网站资讯频道,命名则为,photo_zx_2012_20120801_1.jpg

3. 图片URL规范

图片URL规则:http://www.sdniuqi.com /{图片所在文件夹名称}/{图片所在频道名称}-{时间(以年为单位)}-{图片上传日期}-{编码}.jpg

图片URL提取规则:{图片所在文件夹名称}

4. 图片URL调用规范

图片URL调用规则:http://www.sdniuqi.com /{图片所在文件夹名称}/{图片所在频道名称}-{时间(以年为单位)}-{图片上传日期}-{编码}.jpg

图片调用杜绝使用相对URL,务必使用绝对URL。

5. 图片代码优化规范

图片URL调用规则:{使用图片绝对路径},例:http://www.sdniuqi.com /{图片所在文件夹名称}/2012_20120801_1.jpg

图片调用使用绝对URL,杜绝使用相对URL。

6. 图片ALT属性优化规范

图片ALT属性规则:{产品名称或图片展现内容}

图片ALT属性字数:小于20个汉字,ALT属性内容包含当前页面核心关键词1次

7. 图片Title优化规范

Title是对图片的说明和额外补充, 当鼠标经过图片时出现文字为属性Title内容

图片Title属性规则:{产品名称或图片展现内容}

图片Title属性字数:小于20个汉字,Title属性内容包含当前页面核心关键词1次

8. 图片大小及尺寸规范

在兼顾图片质量度清晰度和不失真的情况下,尽量采用最小体积,一般要求400kb以内。

图片尺寸参考:http://zhidao.baidu.com/link?url=yBXsj_MzosvKiWoIY6EUXPCGzJvgiDTJ_lAUYPSURRVJOoyI3iM6w5mf5IXSp0ZzNEjOkbwdUV-Sk9qHU-aThq

9. 插入图片时必须要指定图片的宽度和高度

网页在浏览器渲染展示的过程中,会按网页指定的属性来显示。如果只在CSS里面设置图片的宽度或高度,就会导致渲染时间长,打开速度慢。具体属性为: width="200" 宽度为200象素, height="200" 高度为 200象素。所以在可以指定的情况下,建议应指定图片的宽度和高度,以加快浏览器的渲染速度

10. 图片周边文字说明

图片周边需要添加对图片的说明性文字,提高用户体验。

11. 图片内容的相关性

增加内容相关性的目的主要是提高用户体验,增加用户阅读兴趣。如果搜索引擎识别出你的页面主要是图片内容,那么会从用户浏览时间、点击率、关注区域等一些用户体验数据来判断网站的好坏。从这个角度考虑,内容的相关性是我们必须关注的,也是优化的重点。

12. 图片链接的设置

图片链接即是优化的技巧之一,也是用户点击率很高的利器。图片链接最好设置为网站内的其他页面或者分页面,提高网站PV值。同时,链接title尽量跟下一个网页的标题有关系,同时也联系到本页面的内容。