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

Question

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

我目前的解决方案是

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

这有效.Google正确解释微数据,并显示已调整大小的图像.但是用户浏览器还会下载静态图像,这是一个大图像.

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

Answer 1

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

meta您应该使用link元素而不是元素,因为内容是URI:

当字符串值是URL时,它使用a元素及其href属性,img元素及其src属性或链接到或嵌入外部资源的其他元素表示.

它甚至需要:

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

所以它应该是:

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