ホームページ >ウェブフロントエンド >CSSチュートリアル >さまざまな Web ブラウザーのデータ URI サイズ制限はどのくらいですか?

さまざまな Web ブラウザーのデータ URI サイズ制限はどのくらいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-19 07:50:12965ブラウズ

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

一般的な Web ブラウザにおけるデータ URI サイズ制限

Web 開発では、データ URL を利用すると、データを HTML 要素に直接埋め込む便利な方法です。ただし、これらの URL には Web ブラウザごとに異なるサイズ制限があります。

サイズ制限の概要

データ URI 仕様では特定のサイズ制限が課されていませんが、ブラウザは自分自身のルールを強制するのは自由です。一般的なブラウザーの制限の概要は次のとおりです。

  • Chrome: 現在のドキュメントの場合は 2MB、任意の BLOB の場合は 2GB または total_physical_memory / 5 (x64、非 OS/ Android システム)
  • Firefox:無制限
  • IE 9 および Edge: 4GB
  • Safari および Mobile Safari: ドキュメントには明記されていません

の代替案

データ URI サイズ制限が不十分な場合は、次の代替手段の使用を検討してください:

  • Blob URL: CreateObjectURL() via URL API、File API 経由の BLOB (Chrome の制限: 500MiB)
  • サードパーティ ライブラリ: FileSaver.js、StreamSaver.js、JSZip
  • Modernizr 検出: データ URI のサポートを検出32kb

関連する考慮事項

data: スキームを使用する背景画像 URL にもサイズ制限が適用されることに注意してください。さらに、特定のブラウザでは、base64 でエンコードされたデータの長さに追加の制約がある場合があります。データ URL を利用する場合は、ブラウザーの互換性とサイズ要件を考慮することが重要です。

以上がさまざまな Web ブラウザーのデータ URI サイズ制限はどのくらいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。