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

Question

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

我目前的解决方案是

<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：

  

如果字符串值是网址，则使用a元素及其href属性，img元素及其src属性或其他元素表示链接或嵌入外部资源。

甚至required：

  

如果属性的定义所定义的属性值是绝对URL，则必须使用URL属性元素指定该属性。

所以它应该是：

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