HTML中不同圖像的一個Base64編碼圖像

我創建了一個輕量級html頁面。我想在<body>中使用<link rel="shortcut icon">,<meta property="og:image">和<img>的相同圖像。圖像是Base64編碼的，所以不需要外部請求。將圖像代碼粘貼三次會使頁面有點沉重。我知道我可以使用JavaScript將圖像分配給變量，然後將其傳遞給不同的圖像，但如果設備不支持JavaScript？所以我的問題是這樣的：HTML中不同圖像的一個Base64編碼圖像

是否有另一種選擇而不是JavaScript使用一個Base64圖像作爲不同的圖像源？

來源

2017-03-02 ata

您可以使用CSS。例如：

.selector{ 
    background: url(data:image/gif;base64,R0lGO...); 
}

雖然它不適用於favicon。所以你必須把它放在那裏3次，或使用JavaScript。

來源

2017-03-02 09:47:23 akg

HTML中不同圖像的一個Base64編碼圖像

回答

相關問題