开启cdn后webp图片加载异常（已解决）

最近折腾对象存储和cdn，经过踩了无数的坑，终于一点一点解决了问题，打开页面的时候有时候会有一些图片无法获取，显示图片报错：net::ERR_HTTP2_PROTOCOL_ERROR 200，需要多次刷新页面，图片才会出现。但是有时候刷新很多次也不会显示。在网上搜索解决办法，将解决问题的过程记录如下：

首先是查询到，说是宝塔面板的防火墙问题，尝试关闭防火墙，重启服务器，问题依旧，此项排除。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

其次，怀疑证书问题，但是在宝塔面板查询网站ssL配置和腾讯云后台看到cdn域名配置的证书都是正确的，此项排除。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

再次，网上介绍说是nginx的问题，说部分cdn也可能有这个问题，通过在 nginx config server 里加上proxy_max_temp_file_size 0;。但是飞牛按照介绍，添加上了这段代码，重启nginx，问题依然没有解决。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

最后，查了半天资料发现没有解决的方案，飞牛只能继续研究几个图片不能正常显示的页面。在新页面打开图片地址是能正常显示，但是在页面中就不能正常显示，刷新几次后，图片偶尔能显示出来。飞牛尝试右键另存图片，发现了关键所在。原始图片是jpg格式，另存图片的时候，显示的是webp格式。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

问题也许就出现在webp格式上，飞牛记得在配置cdn的时候，有个图片优化，开启了webp自适应。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

以上为腾讯云官方解释文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

飞牛到后台关闭了webp自适应，发现图片能正常显示了，测试其他网页，也能正常显示。没有net::ERR_HTTP2_PROTOCOL_ERROR 200报错。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

目前暂时解决，舍弃了webp的自适应功能。具体是什么原因导致，由于飞牛非专业人员，无法解释。遇到的问题不一样，解决的方法不一样，如果你遇到net::ERR_HTTP2_PROTOCOL_ERROR 200此类问题，你可以按照上面提到的逐项测试排查。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html

3月13日更新，直接在cdn配置里面，将jpg;png等图片格式添加到智能压缩可以解决webp自适应问题。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html 文章源自飞牛士 FeiNews-https://www.feinews.com/experience/1107.html