HTML中使用Base64編碼圖片與一般載入圖片的方式比較

Base64 encoding的方式

• 壞處
• 編碼讓圖片檔案的大小變大。
• 因為是將圖片編碼成字串加入到HTML page中，所以每次都要在下載一次。
• HTML會有很長的編碼字串。
• 好處
• 可以減少HTTP request的次數。

一般載入圖片的方式

• 好處
• 瀏覽器可以暫存，不需要每次都下載。

Reference:

http://stackoverflow.com/questions/522897/base-64-encode-vs-loading-an-image-file

http://stackoverflow.com/questions/20542477/can-browsers-cache-the-embedded-base64-images-also

https://blog.gtwang.org/web-development/minimizing-http-request-using-data-uri/