网站图片添加

1、网站图片优化网站图片优化 Contents 目 录 01 02 03 04 图片的应用图片的应用 图片的来源图片的来源 图片的优化图片的优化 图片的添加图片的添加 一、图片的应用一、图片的应用 1、产品案例 2、新闻动态 图文并茂的新闻 用户体验更好 3、banner、logo等. 3、网站logo 、网站banner图片 二二、图片的来源图片的来源 1、客户提供的产品图片、案例等、客户提供的产品图片、案例等 2、第三方资源查找、第三方资源查找 使用图片时不可直接从别的渠道复制过来的，这样子不仅会影响图使用图片时不可直接从别的渠道复制过来的，这样子不仅会影响图 片的加载速度，而且图片很容易丢失

2、，稳定性不好，间接的会影响到用户体片的加载速度，而且图片很容易丢失，稳定性不好，间接的会影响到用户体 验，因此建议大家还是把图片上传到网站的本地服务器上再进行调用，这样验，因此建议大家还是把图片上传到网站的本地服务器上再进行调用，这样 子不仅加载起来更快，而且不会出现丢失的情况。子不仅加载起来更快，而且不会出现丢失的情况。 注意：从第三方获取的图片修改下不可有他人的水印，公司信息等注意：从第三方获取的图片修改下不可有他人的水印，公司信息等 ， 添加的图片要注意和网站、页面的相关性添加的图片要注意和网站、页面的相关性 三、图片优化细节三、图片优化细节 （一）图片大小图片大小：小于小于100KB

3、用用2345看图、看图、ps修改一下修改一下 图片的大小对网站打开速度是有影响的 当图片太大时，会占据延缓页面加载时间，当它已经明显影响到用户的 阅读时，用户与搜索引擎可能就会离开你的网站 ，过小影响清晰度 （二）图片的尺寸图片的尺寸： 新闻里面添加图片 参考百度对图片尺寸的抓取 最好按照 121*75 pixels 三、图片优化细节三、图片优化细节 产品案例 缩略图 根据后台设定的大小设置 也可以通过图片属性图片属性看 ton 三、图片优化细节三、图片优化细节 产品、案例图片按照网页的要求同比例放大缩小 三、图片优化细节三、图片优化细节 （三）图片格式： 图片格式不但与图片体积相关，还跟浏览

4、器的兼容性也有一定的关系， 所以也是不可忽视的。网页图片格式主要有GIF、JPEG、PNG三种 注意要点：注意要点： 1、出现颜色失真、显示不完整的图片，坚决不要使用。 2、采用通用的图片格式。现在一般通用的图片格式是GIF或JPEG的格 式。也是比较常用的，GIF适用于线图和企业标识，JPEG适用于照片元素的 格式 3、建议不要采用的图片格式。如PNG、BMP等，因为这些格式的图片 体积相对JPEG而言比较大，会影响加载速度。 三、图片优化细节三、图片优化细节 （四）图片标签 图片嵌入代码常常包含5个关键性标签：src、width、height、alt和title 1、src标签标签 sou

5、rce的缩写，这里是源文件的意思。“source”本身是 “源”的意思。 例： 2、width和和height标签标签 是用来设定图片的尺寸的 宽度和高度 例： 3、title标签标签 title是对图片的说明和额外补充，如果需要在鼠标经过图片时出现文字 提示应该用属性title 例： 三、图片优化细节三、图片优化细节 4、alt标签标签-代替属性 用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签 实现，当图片因某些原因不能正常显示的时候，网页访问者也能够通过属性文本 判断该图片的内容 最重要的标签 alt标签的重要性： 网页内容相关性是关键词优化的前提，搜索引擎认为，网页上

6、的图片应该与 网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的alt标签是 一个可信任的参考点。 有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网 页上的图片无法显示。描述性的alt标签可以告诉用户该位置的内容，从而添加用 户体验。正规的网站都应该这样做。有时，如果没有alt标签，会导致用户不明白 该图片代表着什么，为什么放在这个网页。 alt属性的写法属性的写法 简单描述图片内容，并嵌套关键词简单描述图片内容，并嵌套关键词 四、图片的添加四、图片的添加 1、找到相应的案例或者产品模块、找到相应的案例或者产品模块 四、图片的添加四、图片的添加 2、点击图片、点击图片本地上传本地上传找到该图片找到该图片确定上传确定上传 3、点击、点击HTML代码代码 或者源码或者源码