网站图片添加.ppt

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