哪個更好？數據URL方案或圖像鏈接用於顯示圖像？

Question

我對此有點困惑。爲了在我的HTML頁面中顯示圖像，嵌入圖像代碼在HTML img標記中很好（使用數據URL技術）或給出該圖像文件的鏈接會更好（傳統方式）？如果任何人都能以比較的方式告訴我他們兩人的優點和缺點，那麼這會有很大的幫助。

Answer 1

數據URL嵌入：

• ↑減少HTTP請求加載頁面;
• ↓超長碼線，不纖巧圖像;
• ↓硬盤（很難），以保持（當你需要更換圖像認爲）;
• ↓ IE 6和7不支持它。

圖片鏈接：

• ↑易於維護（你只需要替換該文件）;
• ↑獨立於HTML進行緩存;
• ↑代碼是conciser;
• ↑支持在IE中的所有版本;
• ↓更多的HTTP請求來加載頁面。

一般來說，我建議使用較大圖像（照片，佈局元素，大圖標）的鏈接以及可隨時間變化的圖像。僅對非常小的圖標使用數據URL。

，我不得不說，你能避免前兩個數據URL問題（長碼和可維護性）從物理圖像文件的數據生成URL，使用編碼的服務器端語言（PHP爲例）。