Chrome报预加载图片未使用错误：跨子域图片预加载问题排查

我通过HTTP头的Link字段预加载网站logo图片，图片正常显示在页面顶部，但Chrome浏览器始终提示：

Image resource was preloaded using link preload but not used within a few seconds from the window's load event

HTTP头配置： #

Link: <https://static.example.com/css/img/diffen.svg>; rel=preload; as=image

页面中图片的HTML代码： #

<img height="40" width="132" src="https://static.example.com/css/img/diffen.svg" alt="Website logo">

页面部署在www子域，图片资源位于static子域，我曾考虑给预加载链接添加crossorigin属性，但搜索资料显示图片预加载无需该属性，目前问题仍未解决。

内容的提问来源于stack exchange，提问作者tinkerr