將圖像顯示爲src =「data：image/jpg; base64，...？

我有兩種方法可以在我的網頁上顯示圖像一種方法是簡單地傳遞到在src屬性的圖像。將圖像顯示爲src =「data：image/jpg; base64，...？

第二種方式是在src屬性

任何問題會在未來發生？或者更長的頁面加載時間與第二種方法的數據傳遞？

建議請。

2014-03-07 manan

關注搜索引擎？因爲[他們不索引]（https://productforums.google.com/forum/#!msg/webmasters/MDujtIpTuPo/xNmhJCF-aGQJ）頁面中的數據URI。 –

在頁面中加載圖片的速度會比較慢（較大的html文件），但整體速度較快（對服務器的請求較少）。請注意，IE7及更低版本不支持此功能，IE8不支持32k以上的圖像。（Source）使用base64進行編碼也會使圖像尺寸增加1/3。（Source）

在我看來，它對CSS文件中的圖標，偶爾的小縮略圖等是有意義的，但是應該從正常情況下加載幾個大圖像。

2014-03-07 17:18:53 Mooseman

是的，第二種方法比第一種方法慢8倍。這是base64編碼。

我使用base64來做小圖像，這樣做的好處是它們可以存儲在數據庫中。用他們的東西像縮略圖，資料照片等...什麼是約100或200 KB

編輯：對不起我的壞...大37％的文件大小的base64

2014-03-07 17:18:53 JamesG

其實我的問題是當我更新src屬性（第一次接近）使用JavaScript，再次一個請求去圖像。並且該請求顯示cookie帶有pingdom工具。 – manan

如果你有路徑：用它。
首先，數據不是標準的，所以你不能保證它的工作。第二，你可以免費獲取緩存管理等內容，無需編寫任何代碼。

2014-03-07 17:19:14 deviantfan

回答