如何正确预载SVG图片？

Question

我想 预装 在我的博客上添加了一个SVG标志，但Chrome浏览器一直给我一堆警告，我似乎无法修复它们。

徽标。https:/keestalkstech.comwp-contentuploads201905ktt-logo.svg。 预载链接。<link rel="preload" href="https://keestalkstech.com/wp-content/uploads/2019/05/ktt-logo.svg" as="image" type="image/svg+xml" crossorigin="anonymous" />

在Chrome浏览器中，我收到了以下警告。

''的预加载。https:/keestalkstech.comwp-tentuploads201905ktt-logo.svg。'找到了，但是因为请求凭证模式不匹配，所以没有使用。可以考虑看一下跨源属性。

并且。

这个资源 https:/keestalkstech.comwp-tentuploads201905ktt-logo.svg。 被使用链接预加载，但在窗口加载事件后的几秒钟内没有使用。请确保它有一个适当的 as 值，而且是故意预装的。

有什么好的建议吗？

Answer 1

看起来像删除 crossorigin 属性解决了这个问题。

<link rel="preload" 
      href="https://keestalkstech.com/wp-content/uploads/2019/05/ktt-logo.svg"
      as="image"
      type="image/svg+xml" />