图片对于网站而言的重要性

一个网站若是没有一张图片，相信大家都是不愿意去看的，而图片的丰富呈现，给我们的网站内容增加了不少的色彩。“一图胜千言”说的就是这个道理。

但是图片多了，网站会越来越慢，客户就会抱怨，这个网站怎么这么慢，我们知道，网站打开越慢，客户的流失就会越来越高。

所以我们就必须对网站的图片进行优化，这是许多中小站长的必修课。

如何对网站的图片进行优化

笔者(http://www.softj.vip)认为有下面几点：

1. 调整大小

我们都知道，图片越大，下载的时间就越长，所以在一些地方，只需要200px;的就不要把原图是1000px的放上去，这之间的差距是在10倍之上。

可想而知，这有多么的重要。需要注意的是，我们在一些html中这样写道：

 <img src="xxx.jpg" width="100px;" height="100px;">

如果原图是1M大小的话，这样，下载的图片依然是1M. 虽然图片看起来小了，但，事实却是相反的。

2. 优化调整图片质量
图片分辨率越高，图片越大，那么我们想一下，是否是所有地方都需要这么高分辨率的图片呢。如果不是，那么是否可以调整一下图片的质量，来减小图片的大小。

如果是，我们还一个办法，就是“无损压缩”，说是无损压缩，其实还是有损失的，只是在一定范围内是看不出来。

目前这方面的工具有:

1. 在线无损压缩，在百度里一搜就出来，注意免费版和收费版。很方便。
2. 无损压缩软件，

3. 缓存

我们的做网站的目的地为客户提供服务，有时图片就是需要大图片，就是需要高清图片，那怎么办呢，其实浏览器缓存是一个很棒的方式。

大致流程就是：

a. 客户请求网页，打开图片，这时，浏览器会根据一定的规则，把图片缓存到本地。

b. 下次再打开图片的时候就在本地取出来，都不向服务器去取，这样，就快很多，基本上是0ms. 如下图所示

c. 在服务上设置缓存，服务器端需要设置header中的“Cache-Control:max-age=86400” 请注意是：Response headers中。

4. 延迟加载

现在我们再祭出另一大法宝：延迟加载。

有些页面比较长，放的图片也比较多。往往在打开页面的时候，看到的只是页面的第一屏，而第二屏的图片，这时就不用出现，当用户在向下滚动页面的时候，再加载剩下的图片。 这就是延迟加载的工作流程。

这样的工具，有大神早就写好了，我们只管拿来用就行，比较出名的有： “jquery.lazyload.min.js” ，很棒，推荐大家使用。

5. 工具urlimg图片服务器软件

前面介绍的几种方式都是需要手工去做的。

这里介绍的urlimg图片服务器软件却是自动化完成的，

想要不同的尺寸？没问题，在请求时传入参入参数就行了，服务器根据你的意愿来自动生成。更多功能可以去网站查看: http://www.softj.vip

最后祝各位老板：财源广进！