共计 752 个字符，预计需要花费 2 分钟才能阅读完成。
图片占了网站大略 60%-85% 的一个带宽，本文档次要解决图片加载的耗时问题。
移除不必要的图片
首先要思考的是，如果没有这个图片，是否会影响用户体验？如果不影响，放后续加载。
如果图片既不是为了烘托文本，也不是为了给用户带来视觉上的体验，对用户而言并非有意义的信息，则移除。
最快的图片加载，就是不去加载它。
抉择更优的图片类型
PNG 用来展现有透明度的图片。
JPG 用来展现个别的图片。
GIP 用来展现动画图片。
个别抉择更小的 JPG。
移出图片摘要信息（Metadata）
个别手机或者数码相机拍摄的图片，都会携带一些摘要信息，比方何时何地？用什么设施？曝光度如何？
这些信息有时候占据了 10% 的体积。
能够用以下工具对其进行移除：
http://www.verexif.com/en/
调整图片大小
基于应用调整
实际上用到的可能只有 200 200，这时就不须要去加载一个 1000 1000 的图片。
只有在真正须要的时候，去加载对应尺寸的图片。
缩略图就该加载缩略图，而非原图。
裁剪图片，展现重点内容
对一张图片来说，有重点和非重点的划分，重点是你想让用户看的区域，针对这部分区域能够裁剪进去。
升高图片品质
一张图片原始大小是 227k，此时如果将品质升高至 80%，只剩 60k 的大小。
针对不须要高分辨率的图片，能够适当升高图片品质，来缩小图片体积，就如同你不会放大一个人的照片，来看他的毛孔粗细
相干工具：
- paint.net
- XNConvert
- ImageOptim
- ResizeIt
- PicResize
- Gimp
压缩图片
放弃品质不变的状况下，用技术手段做图片压缩，罕用网站：
https://tinypng.com/
总结
图片内容是次要优化空间，不仅容易施行，而且对网站的加载速度有显著晋升。
参考
https://developers.google.com…