时间戳

首页 > 解决方案 > 如何正确预加载 SVG 图像？

html - 如何正确预加载 SVG 图像？

问题描述

我正在尝试在我的博客上预加载一个 SVG 徽标，但 Chrome 一直给我一堆警告，我似乎无法修复它们。

徽标：https
: //keestalkstech.com/wp-content/uploads/2019/05/ktt-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.com/wp-content/uploads/2019/05/ktt-logo.svg ”的预加载，但未使用，因为请求凭据模式不匹配。考虑看看 crossorigin 属性。

和：

资源https://keestalkstech.com/wp-content/uploads/2019/05/ktt-logo.svg已使用链接预加载预加载，但在窗口加载事件后的几秒钟内未使用。请确保它具有适当的as值并且是有意预加载的。

任何指针？

标签： htmlcssgoogle-chromesvgpreload

解决方案

看起来像删除crossorigin属性修复它：

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

推荐阅读