晓波笔记
一直都有很多seoer在问小六ldquo;图片优化怎么做rdquo;这类问题，本文就和大家讲一讲。
众所周知的网站图片优化无非就是对图片大小的控制和alt的处理。但仅仅只是这样吗？这样的理解方式是不是显得太粗浅了呢。下面晓波分享一些干货给大家。
众所周知的网站图片优化无非就是对图片大小的控制和alt的处理。但仅仅只是这样吗？这样的理解方式是不是显得太粗浅了呢。下面晓波分享一些干货给大家。
1、 网站图片优化目的
（1）减少网页体积，提高加快加载速度。
（2）做图片说明，促进搜索引擎对图片的识别。
2、图片alt的书写
由于搜索引擎对于图片的识别技术还达不到要求，所以需要用文字对图片进行说明，让搜索引擎识别图片内容，增强搜索引擎对网站的内容识别和信任，从而获得良好的展现。
而alt正是对图片做说明的属性标签。我们需要在alt中写出相应文字对图片进行说明。如：altquot;seo-seo图片优化-小六seoquot;。
那么alt如何书写就成了图片优化的一个重点了，由于图片可能会涉及到拍摄角度以及一些顺序排列。alt就会出现ldquo;正面rdquo;ldquo;侧面rdquo;ldquo;背面rdquo;ldquo;图片1rdquo;ldquo;图片2rdquo;等说明。
如何书写alt呢？小六参考了一些站长的做法，用数据结构化来书写。可能大家不是很懂，下面举2个例子。
例1：
altquot;某某网站-婚纱照-浪漫婚纱照-正面quot;
altquot;某某网站-婚纱照-浪漫婚纱照-侧面quot;
altquot;某某网站-婚纱照-浪漫婚纱照-背部quot;
例2：
altquot;某某网站-小吃做法-酸菜鱼做法-步骤一quot;
altquot;某某网站-小吃做法-酸菜鱼做法-步骤二quot;
altquot;某某网站-小吃做法-酸菜鱼做法-步骤三quot;
这样的写法，就很好的向搜索引擎诠释了该图片的分类及内容，还有助于品牌展现，不要认为没有用；在百度图片搜索中也会有不少流量来源，图片描述的品牌展现，又是一种推广和获取流量的方式。
提示1：当然切记不要用图片alt去堆砌关键词，这种做法显然违背了算法规则了。
提示2：不要每张图片的alt说明都是一样的，这显然是不科学的，不同的图片，自然表示的内容不同，alt也应该不同。就算是同一张图片，也尽量避免alt完全一致，避免堆词嫌疑。
3、图片格式及大小选择
（1）jpg是有损压缩，多次压缩后会影响质量的。
（2）png-24支持阿尔发半透明，这是jpg和gif不具备的,当然ie6不支持png-24。
（3）png-8最高也只支持到256色和gif一样。
（4）gif和png-8只支持透明/不透明，即不支持半透明。
（5）jpg、gif、png都支持交错模式，即多路径下载，这样当网速不流畅，或加载大图时，会先显示模糊的图像，直到最清晰，不会什么都看不到，能加强用户体验，但交错模式会增加文件体积。
通常情况下，网站中多数使用的是png和jpg格式的图片。但是png格式的图片一般精度较高，图片所占空间就比较大。在网站图片要求不高时可尽量选用jpg，压缩后就算有点损失，只要不影响图片正常阅读体验就行了。
当然在图片尺寸非常小的情况下建议选择png格式，避免图片失真严重，影响阅读体验。
网站的加载速度是网站优化的重点，用户等待时间过长必定会使其厌恶从而损失客户。降低图片体积，将大大加快网站的加载运行速度。
4、大图与切图优化说明
一个网站必不可少的有一些大图，特别是网站banner图。这里小编只能说尽量少用，在不失真的情况下，尽量将图片压缩。那种几M大的图片千万不要出现，太影响加载速度了。
有的人会说虽然上传的图片很大，但是用css限制一下不就行了，显示出来的图片规格也不会很大。但是这并不能改变图片本身所占空间的内存，所以用css改变图片大小只是优化了网站阅读体验，对于加载速度的优化没有任何帮助。
一张大图尽量保持在几十kb，或者100来kb也就差不多了，过大的体积，总会影响加载速度。
将一张大图切图成几个小块，虽然会加快图片显示，但同时服务器请求增加，网页加载速度还是会变慢。图片过多，体积过大的，在有条件时可选择配置新的服务器用于存放图片。
5、缩略图的使用
网站的缩略图对网页加载速度提升有很大帮助，当然缩略图可能质量与清晰度不太过关，只要不影响阅读体验就行，在详情页将清晰的图片显示出来即可。在很多商城站中体现的比较多。
缩略图给不给加alt呢？有人说可以加，有人说不用加，如果我们想要搜索引擎抓取索引内页图片而不是缩略图的话，就可以不加。如没这方面的需求则可以加上，看大家自己选择。
小贴士：网站的按钮图片，背景图片，相框，图片边框等都属于图片优化范畴，记得要处理好。如仅是边框之内的东西，尽量用css代替，缩减图片，减少网页体积，提高加载速度。会mip改造的，也可使用mip改造。
好了图片优化说明就写这么多了，希望对大家有所帮助。
本文由晓波原创发布，转载请注明来源出处。
