网站提速篇：网站图片优化教程

如何通过优化网站图片，来给网站提速？这是很多新手站长碰到的难题

不少新建站的用户，在部署完网站后，找到空间客服抱怨网站打开慢
当客服核验证实空间、网络没问题，ping值优良的情况下，那为啥还会觉得网站慢呢？
其实，很大成分的原因是网页图片过大造成的。下面给大家普及一下网站建站知识篇：图片的优化

网站图片格式对网站的影响

网站的图片绝大部分使用.jpg格式为主，而.png 和.gif格式为辅

如果您的网站还有.bmp格式，那么您要小心了，这货能让您网站打开拖得非常慢，bmp图片动辄就以M为单位

图片必须压缩原则

一个网站的优化，不仅仅是内容，图片很重要
一张图片压缩、优化后，比例可达到90%那么惊人！
举个栗子：
上个月一个香港虚拟主机用户，在部署网站后，抱怨打开网站非常慢
我们测试服务器网络各方面没有问题，后来发现他的网站打开加载完成了，但是图片还在一行行一帧帧的往下显示，立刻明白怎么回事了。
但用户很坚持认为，他在本地上浏览没问题。客服（无奈的笑）只能说，您浏览本地测试的网站是不经过网络传输的，所以察觉不出来的。
后来我们帮他检查图片格式发现，首页焦点图banner部分，有4张1920x400的banner图，每张图2M！
最后我们通过85%的jpg压缩后，每张图只有后200k，是压缩前的1/10，打开速度秒开！

图片压缩软件与使用教程推荐

小量图片压缩软件推荐：光影魔术手
教程与下载地址:
光影魔术手优化网站图片教程
安装软件后，打开指定图片，选择修改尺寸，然后选择保存
注意：保存jpg的窍门来了！ 选择85%-90%的质量比例，去除exif信息即可。

大批量图片压缩软件推荐：Resize
教程与下载地址:
resize网站图片压缩教程
使用简要：
安装软件后，打开指定的文件夹，选择包含子目录
注意：保存一个配置习惯，选择100%尺寸（也就是不改尺寸，只改质量），即可大批量压缩图片

网站图片格式使用原则

尺寸大的图片、颜色丰富的图片
使用.jpg格式，例如banner图部分，复杂的背景图部分
尺寸极小的图片
使用png或或gif，例如网站的边框、装饰、导航条背景部分
颜色单一的图片尺寸却很大的图片
例如黑白，或者只有一两种颜色的图片，毫不犹豫，使用gif格式
（举例：一张宽高尺寸都是1000像素的图片，jpg要几百m，而gif，只有几k，所以很夸张吧？）
所以，您网站还有使用bmp格式的，毫不犹豫转成jpg吧！

图片尺寸使用原则

够用理论：裁剪够用的尺寸即可
这种情况，在租用我们香港虚拟主机的用户里发生得很频繁：
很正常的一个站点，打开时，图片加载非常缓慢，几乎是要一分多钟才打开完整！
这就是未加工的大容量图片造成的！网页里插入了张大容量或大尺寸的图片
由于用户对尺寸和容量大小没有具体认知，所以很随意的将图片插入网页中，或者文章里。

举例说明：您有一张手机拍摄的高清图片，尺寸有4000，将近4M，其实插入网页中，让它显示的有效位置才400，如果您有这个意识，裁剪到400容量才150k，压缩比率居然是24倍。 所以，打开网站加载速度慢的可想而知，即使您家里网速速度够快，加载速度貌似影响不了您，但是，那您也要保证网站其他访客网络也是光纤才行啊！

图片场景使用原则

只用于适合场景
某些特殊原因，一些客户喜欢透明图片使用gif格式，或者一些展示动画的，直接用上gif了！
网页里直接放动图，打开是个噩梦，非常缓慢
其实展示效果不如外部引入视频播放器来得更快，因为流量是使用视频网站的，不会让您网站变卡！而且客户可以自己控制
还有一种场景，用户喜欢某些不规则透明图片使用gif
您完全可以使用png代替

举例说明：您有一张手机拍摄的高清图片，尺寸有4000，将近4M，其实插入网页中，让它显示的有效位置才400，如果您有这个意识，裁剪到400容量才150k，压缩比率居然是24倍。 所以，打开网站加载速度慢的可想而知，即使您家里网速速度够快，加载速度貌似影响不了您，但是，那您也要保证网站其他访客网络也是光纤才行啊！