搜索
网站图片优化Contents目录01020304图片的应用图片的来源图片的优化图片的添加一、图片的应用1、产品案例2、新闻动态图文并茂的新闻用户体验更好3、banner、logo等....3、网站logo、网站banner图片二、图片的来源1、客户提供的产品图片、案例等2、第三方资源查找使用图片时不可直接从别的渠道复制过来的，这样子不仅会影响图片的加载速度，而且图片很容易丢失，稳定性不好，间接的会影响到用户体验，因此建议大家还是把图片上传到网站的本地服务器上再进行调用，这样子不仅加载起来更快，而且不会出现丢失的情况。注意：从第三方获取的图片修改下不可有他人的水印，公司信息等，添加的图片要注意和网站、页面的相关性三、图片优化细节（一）图片大小：小于100KB——用2345看图、ps修改一下图片的大小对网站打开速度是有影响的当图片太大时，会占据延缓页面加载时间，当它已经明显影响到用户的阅读时，用户与搜索引擎可能就会离开你的网站，过小影响清晰度（二）图片的尺寸：新闻里面添加图片参考百度对图片尺寸的抓取最好按照121*75pixels三、图片优化细节产品案例缩略图——根据后台设定的大小设置也可以通过图片属性看ton三、图片优化细节产品、案例图片——按照网页的要求同比例放大缩小三、图片优化细节（三）图片格式：图片格式不但与图片体积相关，还跟浏览器的兼容性也有一定的关系，所以也是不可忽视的。网页图片格式主要有GIF、JPEG、PNG三种注意要点：1、出现颜色失真、显示不完整的图片，坚决不要使用。2、采用通用的图片格式。现在一般通用的图片格式是GIF或JPEG的格式。也是比较常用的，GIF适用于线图和企业标识，JPEG适用于照片元素的格式3、建议不要采用的图片格式。如PNG、BMP等，因为这些格式的图片体积相对JPEG而言比较大，会影响加载速度。三、图片优化细节（四）图片标签图片嵌入代码常常包含5个关键性标签：src、width、height、alt和title1、src标签source的缩写，这里是源文件的意思。“source”本身是“源”的意思。例：imgsrc=路径2、width和height标签是用来设定图片的尺寸的宽度和高度例：imgsrc=/i/ct_1px.gifwidth=200pxheight=30px/3、title标签title是对图片的说明和额外补充，如果需要在鼠标经过图片时出现文字提示应该用属性title例：imgalt=src=/uploads/20151014/20151014105951965196.jpgborder=0title=三、图片优化细节4、alt标签------代替属性用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现，当图片因某些原因不能正常显示的时候，网页访问者也能够通过属性文本判断该图片的内容最重要的标签alt标签的重要性：网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的alt标签是一个可信任的参考点。有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的alt标签可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。有时，如果没有alt标签，会导致用户不明白该图片代表着什么，为什么放在这个网页。alt属性的写法imgsrc=图片路径alt=图片描述/简单描述图片内容，并嵌套关键词四、图片的添加1、找到相应的案例或者产品模块四、图片的添加2、点击图片——本地上传——找到该图片——确定上传3、点击HTML代码或者源码修改alt标签若加的产品图片不显示可以推荐下或者置顶下，最后保存产品就可以了不同的后台添加有些差异，但是原理都是差不多的，所以要加强对网站的了解结束O(∩_∩)O谢谢观赏！