html - 如何在不让浏览器下载图像的情况下设置微数据图像属性？

Question

我有一个显示图像的网站。显示的图像会调整大小，然后由 Web 应用程序缓存。但是缓存是不稳定的。对于微数据，我想链接到非 volatile 图像。

我目前的解决方案是

<img src="cache/image-resized.jpg" />
<img src="static/image.jpg" itemprop="image" style="display:none;"/>

这行得通。 Google 正确解释了微数据并显示了调整大小的图像。但是用户浏览器也会下载静态图像，这是一个大图像。

那么如何设置微数据图像属性，而不让浏览器下载图像呢？

Answer 1

_{(注意:一个现已删除的答案建议使用 meta 元素)}

而不是 meta 元素，您 should use the link element ，因为内容是一个 URI:

When a string value is a URL, it is expressed using the a element and its href attribute, the img element and its src attribute, or other elements that link to or embed external resources.

甚至required :

If a property's value, as defined by the property's definition, is an absolute URL, the property must be specified using a URL property element.

所以应该是:

<link itemprop="image" href="static/image.jpg" />