第一：网站图片标签的设置

这一点应该是公认且大部分都知道的一个知识点，但是知道的不全面，首先大家知道的就是网站所有图片的alt标签都要加上关键词，并且要与图片内容相关的，在这里要注意，千万不要为了优化而去给所有图片堆上网站的核心关键词，记住，alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。
第二：图片格式与大小

图片格式选择：图片的格式也是非常重要的一点，对于图片的格式，安徽白龙马建议可以将图片保存成JPG或是GIF的格式，搜索引擎通常将GIF格式的当作是标准的256色彩的图片，将JPG的当作是拥有上百万色彩的照片。

• 使用背景图 

• 对于页面中与页面内容无关，起修饰作用的图片，使用背景图 background-image（如页面中小图标尤其多次重复出现的，纹理性的背景），与页面内容相关展示性的图片如（广告图、产品图）使用 img 标签。 

• 图片品质 

• 注意图片优化：在保证视觉效果的情况下，选择最小的图片格式与图片质量，以减少加载时间。

• 注：通常颜色丰富线条复杂的图片选择 .jpg，颜色单一的小图片使用 .gif，需要更好的显示细节或需要支持半透明的图片使用 .png 等。

• 使用精灵图 

• 运用 CSS sprites 技术集中小的背景图或图标，减少页面 http 请求。

第一：网站图片标签的设置

这一点应该是公认且大部分都知道的一个知识点，但是知道的不全面，首先大家知道的就是网站所有图片的alt标签都要加上关键词，并且要与图片内容相关的，在这里要注意，千万不要为了优化而去给所有图片堆上网站的核心关键词，记住，alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。
第二：图片格式与大小

图片格式选择：图片的格式也是非常重要的一点，对于图片的格式，安徽白龙马建议可以将图片保存成JPG或是GIF的格式，搜索引擎通常将GIF格式的当作是标准的256色彩的图片，将JPG的当作是拥有上百万色彩的照片。

　1）图片大小优化：有时候我们会有点纠结，图片太大了，打开速度回很慢；图片太小了，看上去又不清楚，影响视觉体验。其实，我们主要就是把握一个度，尽可能在保持清晰度的前提下，让图片尽量小，建议借助PS这类软件去进行优化。

　　一般来说，文章里的图片，控制在50K以下；而首页焦点大图控制在100K左右。

　　2）图片标签优化：首先，我们需要了解，图片有四大标签（width、height、alt、src）,正规的写法，图片4大标签都要写好，但是有时候偷懒我们可能宽度和高度就省略了，其实写上会更好一些，减少了加载时间，无形中是进行了一些优化。

　　src是讲图片地址的，可以是相对路径，也可以是绝对路径，各有优缺点，正要是优化到极致，绝对路径显然更好，减少识别次数，有利于快速加载。

　　最重要的是alt标签，因为百度还无法直接识别图片讲述的内容，alt标签就是图片描述，蜘蛛可以通过alt标签了解图片的含义，而且alt标签往往是提升关键词密度的利器。

　　除了四大标签外，图片还有title标签，相对alt标签重要性偏弱，但也是让蜘蛛更好理解图片的重要补充。

　　3）图文并茂：在一篇文章当中加入图片，会提升文章的可阅读性，用户体验高了，才能更好的留住客户。

　　除此之外，好看的图片也更能吸引住用户，对于如何做好图片优化，相信只要做好以上几点，问题就不大了，做SEO，细节决定成败，我们绝对不能忽视图片优化的重要性！

1. 去掉无意义的修饰。嗯，我会瞎说吗？除了内容图片，其他的图片的作用是修饰，也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片！所以在优化之前要做的，首先是确认设计，设计本身是否需要用那么多图片？还是说可以更简洁？

2. 不用图片。嗯，切图是一件扯淡的事情！不要隔靴搔痒了少年，直接使用CSS替代图片来实现修饰效果吧！如半透明、边框、圆角、阴影、渐变等，在当前主流浏览器中都可以用CSS达成。将来CSS滤镜得到广泛支持后，还可以做到alpha混合、正片叠底等各种效果。

3. 使用矢量图替代位图。对于绝大多数图案、图标等，矢量图更小，且可缩放而无需生成多套图。现在主流浏览器都支持SVG了，所以可放心使用！

4. 使用恰当的图片格式。我们常见的图片格式有JPEG、GIF、PNG。基本上，内容图片多为照片之类的，适用于JPEG。而修饰图片通常更适合用无损压缩的PNG。而GIF基本上除了GIF动画外不要使用。且动画的话，也更建议用video元素和视频格式，或用SVG动画取代。除了这些格式之外，Chrome、新版Opera、Android 4+支持WebP格式，IE 9+、IE mobile 10+支持JPEG XR。这两个新格式都支持无损和有损压缩，都具有更良好的压缩比。当然这需要为不同的浏览器返回不同的图片，增加了开发成本，也增加存储成本。不过你省了流量或者相同流量下改善了图片质量，提升了用户体验。你会如何取舍呢？对了，别忘了使用优秀的图片编码器及合适的参数。好的图片编码器，尤其是有损图片格式的编码器，能通过算法或手动调整，获得更高的压缩比。

首先，我们要讨论的是图片的大小，不是图片的大小尽量大，而是恰到好处，一般来说，每个网站是不同的，但根据不同的应用页面，大小也不同，所以我们可以测试把握图片的大小，一般文章的图片宽度与文章的整体长度相同，高度遵循pc端：121：75，移动端：3：2的比例来设置，具体使用该大小，我们建议可以根据图片的实际内容来确定，毕竟网站用户体验是最重要的。

°图片的大小

图片的大小就是图片的大小，一般我们认为越小越好，毕竟用户需要时间打开页面，而大图片会导致页面加载时间过长，影响用户体验，我们一般认为单张图片不应超过100k。

°图片的格式

常见的图片格式：JPG，PNG，BMP，GIF等。

①JPG图片是作为一种常见的图片数据格式，它的优势发展就是具有体积小、加载速度快，缺点是压缩过大会制度导致一些图片清晰度降低。

②PNG的优点，BMP图片是，它是无损压缩，工程制图一般比较常用的，以这种形式的网站网页图标一般，缺点是太大，一般JPG图片几次。

③GIF图片是动图，可以有不错的交互性，但其缺点也比较具有明显，就是通过图片进行体积变化过大。

结论：综上所述，为了提高打开页面的速度，我们一般会选择JPG图片，但要注意压缩比，保持图片清晰，然后小是我们应该追求的极限。

1）图片大小优化：有时候我们会有点纠结，图片太大了，打开速度回很慢；图片太小了，看上去又不清楚，影响视觉体验。其实，我们主要就是把握一个度，尽可能在保持清晰度的前提下，让图片尽量小，建议借助PS这类软件去进行优化。

一般来说，文章里的图片，控制在50K以下；而首页焦点大图控制在100K左右。

2）图片标签优化：首先，我们需要了解，图片有四大标签（width、height、alt、src）,正规的写法，图片4大标签都要写好，但是有时候偷懒我们可能宽度和高度就省略了，其实写上会更好一些，减少了加载时间，无形中是进行了一些优化。