网站性能图片优化有哪些步骤？

进行网站设计过程中，不仅需要了解设计，后期的优化也是非常重要的，除了需要进行网站结构和代码优化以外，还需要通过修改网络内容进行优化。在网站内容中，图片是非常关键的，在进行网站优化中，图片的优化有哪些步骤呢？下面昌平电脑培训为大家具体介绍。

步骤一：调整图片大小

调整图片大小是非常重要的，将网站使用的图片调整为网站所需要的大小。这里所说的并不是在CSS和HTML中进行调节大小，而是服务器上面的图像大小，可以发送到服务器上面。

步骤二：进行图片优化

加载图像重量级站点的一个步骤是每个图像选择正确的格式和质量。JPG、PNG、GIF等格式是比较常见的图片格式，每个格式适用于不同的比例。在WebP的相对新的图像格式在这些图像格式中结合了更好的格式，并且昌平IT培训发现减小了30%的大小，支持在几乎75%的现代浏览器中。

步骤三：支持移动设备

在所有的用户使用中，不仅需要认真了解网站运营，移动用户的体验感也是非常重要的，现在有近60%的流量来源于移动用户。随着移动互联网的发展，移动用户也随着不断增加，现在移动数据的速度依然比宽带数据慢很多，所以在进行设计web体验时，北京IT培训认为一定要更加主要移动设备的支持情况。

步骤四：加载更少的资源

很多人都知道，如果加载太多的图像会直接影响网站的速度，影响用户的良好体验，即使已经进行图片优化也是很难避免的。这个时候很多人建议使用比较小的图片就能解决，但是北京电脑培训不建议使用这种方法。在很多时候我们可以避免使用图像和避免优先进行加载。

当我们在搜索引擎里面输入“小孩”，再点击输入框下面的“图片”搜索结果就是一大堆小孩的图片，可见搜索引擎对图片的识别能力已经越来越强了，能够准确的读取图片的信息，所以网站上的图片优化也变得越来越重要了，今天我们就跟大家提供一些关于网站图片SEO优化的技巧和注意事项。

1.首先就是要考虑图片的宽高比例问题：产品或新闻配图建议绝大多数图片采用统一的比例为4：3，这样的比例更接近黄金分割比例，更能呈现美感，当然图片宽高也不要太大，尽量不要超过整屏的1/4；

2.其次是网站图片的文件大小，我们通过F12键进入开发者模式，可以看到图片的加载速度，图片越大的话加载速度会越慢，所以对于一些较大的图片我们可以进行压缩一下，以此来加快图片的加载，图片大小最好不要超过500KB；

3.图片的水印，一般建议水印在图片的右下角，水印不要影响用户浏览图片就行；

4.网站图片的内容一定要和文章的内容互相对应，要有很强的关联性；

5.图片的视角，这一点是很多SEOer容易忽略的，产品的整体图片以及细节图片，一些用户比较关注的地方也可以重点展示出来，就像我们在淘宝里面买衣服一样，会把衣服的一些细节放大查看，更利于用户了解产品。

图片seo是优化的核心工作之一，上面这从网站设计的角度上，对图片的要求；后面这几点是从网站的seo优化角度考虑。

1.图片尽量采用原创制作，不要大部分去直接复制人家现成的图片；如果你不是专门做图片设计的，PS水平有限，你也尽量把图片做成原创的；具体的方法我们再后面的课程中再讲，

2.ALT标签，对图片进行说明；这个优化技巧已经很普及了，绝大部分做网站的程序，都自带了这个提示填写ALT的功能；

3.对上传图片的文件进行命名，尽量避免使用一些无意义的字母和数字来命名，建议采用中文拼音，帮助搜索引擎进行识别；

4.我们讲的我们想最重要的一点，就是网站首页的图片能不能更换，因为大部分首页上的图片属于网站的基本框架配套图片，之前的主流思路是不要去动尽量少动；因为动了网站的基本框架会影响会影响；但是这个思路明显跟搜索引擎的基本运行原理是不符的，如果搜索引擎每次来你的网站你的图片路径，文件名都没有做改动，说明你图片没更新，是不利于优化的；但是也不建议短时间大幅度的修改过多图片；

我们不单单要从图片的SEO排名来考虑，而且首先要考虑的是网站的美观、合理性等方面进行综合考虑

1、APP开发中图片要注意图片的大小

虽然4G网络技术给移动APP软件开发很大的空间，但是图片到一定大小后，图片越大不但会给APP运行带来负担，在APP开发中图片还是要保持合适的大小，优质的图片，不但会增加浏览时的交互感觉，增加网络速度，增强用户使用中的使用感受。

2、APP开发中做好图片资源的优化

在APP和网页研发中，有效减少图片资源请求数，合并HTTP请求，用DataURL这种方式将图片被转换成base64编码的字符串形式，单纯地“嵌”入HTML中，不会被缓存，只有通过CSS或JS文件便可达到了间接缓存以base64编码的图片。

3、APP开发图片与内容的关联性十分重要

图片虽然有拥有独特的魅力，但我们在APP开发中，还要注意一定的用图规范。首先一个好的APP，不管图片再精美，元素再精彩，都不能忽略图片与APP内容的关联性。好的图片，是一个俱佳的用户交流媒介，图片用的好，不但能引发用户的兴趣，还能有效增加用户的黏性。

4、APP开发中选择合适的图片格式

(1)JPEG格式

JPEG或JPG支持级别高的压缩，是移动网络时代比较常用的图片格式，不但能保证较好的体积，还能保证不错的图片显示效果。

(2)更灵动的GIF格式

GIF格式的图片在色彩较为丰富的图片显示质量比JPEG有很大差异。Gif适合单色图片显示，不适合用做高显示质量的图片，适合用作简单的图片展示，比如素材或者装饰性图案，以及用来制作更为多变的简单动画。

(3)透明的PNG图片格式

PNG图片格式和JPEG一样，他在反复保存时不会影响图片质量，而且对于小图来说，PNG占用的体积极小，PNG图片支持的色彩要比GIF多，而且还支持透明背景，更适合logo或一般装饰性图案的使用和显示。

(4)在APP开发中要注意图片的清晰度

有时候，一副细节清晰内容丰富的图片更能传图片的信息，模糊的图片不但对用户的价值大打折扣，还会影响用户的使用体验。

(5)APP开发中注意使用多图片

APP开发中要注意不同角度图片的使用，用户肯定不会满足于呆板角度的图片，要选择更多角度更丰富的图片，多角度的图片会让你的APP更有吸引力。

---