画像をデータに埋め込む: URL は常に良いアイデアですか?

データを介した CSS または HTML への画像の埋め込み: URL: 包括的な分析

はじめに

CSS または HTML 内に小さな画像をデータとして埋め込む: URL は、サーバーリクエストの数を減らしてパフォーマンスを最適化します。ただし、このアプローチを実装する前に検討すべき考慮事項がいくつかあります。

質問: データ: URL を使用した画像の埋め込みは健全な実践ですか?

回答:

画像をデータとして埋め込む: URL は特定の場合に実行可能なオプションとなる可能性がありますシナリオ:

• 頻繁に使用される非常に小さな CSS 画像 (通常はスプライトとして使用される) を扱う場合。
• IE の互換性が問題ではない場合。
• サーバーリクエストを最小限に抑えることが最も重要な場合。

の欠点

ただし、このアプローチには顕著な欠点があります。

• IE6 および 7 と互換性がありません。
• IE8 は、次の画像に対してのみサポートします。 Base64 エンコード後のサイズは 32k です。
• 画像と同様に、HTML ページのサイズが増加します。
• Base64 エンコードでは、画像サイズに 33% のオーバーヘッドが追加されます。
• 画像圧縮は計算量が多いため、gzip リソースで提供されるとサーバー リソースに負担がかかる可能性があります。

おまけの質問: CSS と JS も次の方法で埋め込むことができますか?データ: URL?

答え:

CSS と JS をデータ: URL として埋め込むことは可能ですが、欠点があるため通常は推奨されません。ページ サイズの増加やキャッシュ可能性の低下など、前述のとおりです。

以上が画像をデータに埋め込む: URL は常に良いアイデアですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。