CSS スプライトの透明 GIF の最小データ URI は何ですか?

透明性のためのデータ URI 画像サイズの最小化

質問:

小さな透明を利用する場合CSS スプライトの背景として画像を使用する場合、透明な画像を生成できる最小のデータ URI は何ですか?画像?

答え:

さまざまな透明 GIF を試した結果、特定の GIF、特に背景画像を透明 GIF の要素に割り当てる場合に CSS の不具合が発生する可能性があることが判明しました。 。安定性を確保するには、少し長いデータ URI をお勧めします:

Stable (78 バイト)

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

イメージ タイプの省略を避ける:

データ URI に画像タイプ (image/gif) を含めることが重要です。この情報を省略すると、さまざまなブラウザでレンダリングの問題が発生する可能性があります。

以上がCSS スプライトの透明 GIF の最小データ URI は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。