爲什麼HTML5文件API提供base64代碼？

Question

HTML5文件API爲上傳的圖像提供base64代碼。有什麼優勢？通過HTTP將圖像更好地轉換爲基礎64？

Answer 1

當您使用base64圖像時，您將一個http GET請求保存到服務器以從url下載圖像，因爲img已經嵌入到標記內的base64中。

但是，使用base64編碼加載到客戶端的圖像重30％，如果圖像自然很大，這會非常糟糕，因爲它會增加帶寬利用率。

另一個問題是base64映像不可緩存。因此，每次打開頁面時，客戶端都會處理它，無論次數多少。顯然，這會增加CPU時間。

正如你所看到的，有一個需要考慮的權衡。爲了提高性能，您應該使用base64來加載只有微小的圖像，因爲小圖像的30％與往返http GET請求的開銷相比是低增長的。然後，將傳統的http請求保存到較大的請求中。