嵌入html文档中的图像格式可以是WebP格式，谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有jpeg的2/3，并能节省大量的服务器带宽资源和数据空间
图像格式即图像文件存放在记忆卡上的格式，通常有JPEG、TIFF、RAW等。
该种方法要求在每个要请求webp图片的标签下都要通过picture标签来进行兼容性处理， 同时注意该标签在IE的兼容性并不是很好，不过已经比webp的兼容性好一些。 通过HTTP request header中是否存在Accept: image/webp来判断， 这种方法的缺点在于：很多时候我们的图片等静态资源都会放到CDN服务器上，在这个层面加上判断webp的逻辑会更麻烦一些 该种方法的原理为：HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。 1.如果画布的高度或宽度是0，那么会返回字符串“data:,”。 2.如果传入的类型非“image/png”，但是返回的值以“data:image/png”开头，说明该传入的类型是不支持的。 3.Chrome支持“image/webp”类型。
