將圖像與資料嵌入：URL 總是一個好主意嗎？

通過Data: URL 在CSS 或HTML 中嵌入圖像：綜合分析

簡介

在CSS 或HTML 中嵌入小圖像作為資料：URL 已成為透過減少伺服器請求的數量。但是，在實施此方法之前，需要權衡幾個注意事項。

問題：使用資料嵌入影像：URL 是否是合理的做法？

答案：

將影像嵌入為資料：URL 在特定情況下是可行的選擇場景：

• 當處理經常使用的非常小的CSS 影像（通常用作精靈）時。
• 當 IE 相容性不是問題時。
• 當最小化伺服器請求至關重要時。

缺點考慮一下：

但是，這種方法有明顯的缺點：

• 它與IE6 和7 不相容。
• IE8 僅支援以下影像Base64 編碼後大小為 32k。
• 它增加了 HTML 頁面的大小，因為圖片每次都會載入而不是快取。
• Base64 編碼會使影像大小增加 33% 的開銷。
• 在 gzip 壓縮資源中提供服務時，可能會導致伺服器資源緊張，因為影像壓縮需要大量計算。

額外問題：CSS 和 JS 也可以使用資料嵌入嗎： URL？

答案：

雖然可以將CSS 和JS 嵌入為data: URL，但由於上述缺點，通常不建議這樣做，例如增加頁面大小和降低緩存能力。

以上是將圖像與資料嵌入：URL 總是一個好主意嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！