首頁 >web前端 >css教學 >不同 Web 瀏覽器中的資料 URI 大小限制是什麼?

不同 Web 瀏覽器中的資料 URI 大小限制是什麼?

Patricia Arquette
Patricia Arquette原創
2024-12-19 07:50:12962瀏覽

What are the Data URI Size Limits in Different Web Browsers?

流行Web 瀏覽器中的資料URI 大小限制

在Web 開發中,利用資料URL 是將資料直接嵌入HTML 元素的便捷方法。然而,這些 URL 的大小限制因網頁瀏覽器而異。

大小限制概述

雖然資料 URI 規範沒有施加特定的大小限制,但瀏覽器自由地執行自己的。以下是流行瀏覽器中的限制摘要:

  • Chrome:目前文件為2MB,任意blob 為2GB 或總實體記憶體/ 5(在x64 中,非作業系統/ Android系統)
  • Firefox:無限制
  • IE 9 和 Edge: 4GB
  • Safari 和 Mobile Safari:文件未指定

替代品考慮

如果資料URI 大小限制不足,請考慮使用下列替代方案:

  • Blob URL: CreateObjectURL() 透過URL API,透過檔案API 提供blob(Chrome 限制: 500MiB)
  • 第三方函式庫: FileSaver.js、StreamSaver.js、JSZip
  • Moderniz 偵測: 偵測對資料URI的支援32kb

相關注意事項

請注意,大小限制也適用於使用 data: 方案的背景圖片 URL。此外,某些瀏覽器可能對 Base64 編碼資料的長度有額外的限制。使用資料 URL 時,必須考慮瀏覽器相容性和大小要求。

以上是不同 Web 瀏覽器中的資料 URI 大小限制是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn