前言
nuxt项目开发中遇到的一个问题，也许读者你可能也会遇到。
如何引起的
本人有一个习惯，喜欢直接在谷歌浏览器保存图片，或者审查或者另存为。
这个习惯本身没什么问题，在部分网站是可以直接保存并且格式正确，但是有些网站，在保存图片的时候可能不经意保存成了错误的格式。
刚好，本人在某网站保存图片的时候，不小心将原本webp格式的图片保存为png格式的图片，也不觉得这个操作有什么大的问题。
于是高兴的拿着图片用在了自己的项目中，当项目完成了，在按照测试用例走自测的时候问题来了，IE下不能显示，谷歌之类的浏览器正常。
起初本人觉得这个问题可能是项目的构建的问题，就查阅了url-loader相关的配置，没找到方法，以致于我想关闭图片处理的功能，直到看到IE控制台下的提示DOM7009，才开始朝着对的方向去解决问题。
经过专业人士查阅多个图片的编码内容，看到了webp、png等关键词，才明白了问题所在，webp的格式的图片保存为png格式的图片。
如何解决的
由IE下DOM7009的提示，到图片编码内容的查阅，清楚地知道了问题所在。于是直接使用对的格式对的编码内容的图片，IE下预览nuxt服务的页面，正常显示。
如何理解
为什么有些网站保存图片的时候，会出现格式不对的情况，专业人士这么说的：因为网站开启了webp服务并且浏览器支持webp格式，所以保存的时候尽管是png的图片，实际图片里面的编码是webp格式的。
后语
谢谢阅读！
