多次使用base64嵌入式圖像

我在一個HTML文檔中有一些小圖像，我想使其具有可移植性，例如，電郵時仍然有效。我用下面的，偉大的工程：多次使用base64嵌入式圖像

<img src="data:image/png;base64,..."/>

問題是，我想在文檔中使用相同的圖像很多次，但不想重複整個的base64數據串。我曾在電子郵件中看到數據是一次編碼的，但引用了很多。這可能與HTML？

來源

2011-08-24 steveo225

如果你可以使用CSS，你可以有放置它，而不是作爲一個階級。

然後，只需將該類添加到您想要的元素。

來源

2011-08-24 13:26:32 alex

我不想使用CSS，如果我能避免它（僅僅是因爲那將需要重新設計的量）。但是，這是一個選項，我發現這個問題有幫助：http://stackoverflow.com/questions/1207190/embedding-base64-images – steveo225

你不需要重新設計。你可以只使用圖像的CSS。類似.repeatimage {background：url（data：...）;顯示：內聯塊;寬度：10px的; height：10px;}，並在html中使用。不適用於所有的電子郵件客戶端，但數據URL將在更少的電子郵件客戶端中運行。 – Gerben

配置您的Web服務器來zgip（/放氣）您的內容。放氣應檢測重複的字符串，並壓縮到大約相同的大小，如果你只包括一次。這樣你就不會浪費帶寬。不適用於電子郵件或文件系統中的純HTML文件。

來源

2011-08-24 15:17:37 Gerben

多次使用base64嵌入式圖像

回答

相關問題