如何在不讓瀏覽器下載圖像的情況下設置微數據圖像屬性？

Question

我有一個網站上顯示圖像。顯示的圖像被調整大小，然後由Web應用程序緩存。但是緩存是不穩定的。對於我想鏈接到非易失性圖像的微數據。

我給這家目前的解決方案是

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

這工作。谷歌正確解釋微數據並顯示調整大小的圖像。但用戶瀏覽器也下載靜態圖像，這是一個大的圖像。

那麼如何在不讓瀏覽器下載圖片的情況下設置微數據圖片屬性呢？

Answer 1

_{（注：現在刪除了答案建議使用meta元素）}

取而代之的是meta元素，你should use the link element，因爲內容是一個URI：

當一個字符串值是一個URL，它使用a元素及其href屬性，img元素及其src屬性或鏈接到或嵌入外部資源的其他元素來表示。

它甚至required：

如果一個屬性的值，如屬性的定義中定義，是一個絕對的URL，該屬性必須使用URL屬性元素中指定。

所以它應該是：

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