前端优化——图片

图片压缩

前端会用到很多 PNG 图片，图片最好控制在1M以下。

PNG图片的压缩和剪裁可以用到PS，但是如果没有PS，这里有几个网站可以使用：

剪裁：改图宝

压缩：imageoptim——无大小限制 ， tinypng——5M以下免费

img图片onError、onLoad的替换图片

注：此属性不支持事件？吗？我怎么不太确定了

onError：菜鸟教程。但是onError也会出错报错，如果onError的图片也不存在，则会继续触发 onerror事件，导致死循环，出现 Stack overflow at line: 0 错误。特别说明：如果图片存在，但网络很不通畅，也可能触发 onerror事件。解决方法如下：onError死循环的破解

onload： 事件在图片加载完成后立即执行。菜鸟教程：支持函数，但是在加载完成后才触发

onAbort：加载被中断时，触发的钩子函数。菜鸟教程