1x1 の透明な画像の最小のデータ URI は何ですか?

透明なイメージの可能な最小のデータ URI イメージを決定する

質問:

HTTP リクエストを最小限に抑えようとすると、背景画像のある透明な 1x1 画像を使用することを目的としています。透明な画像を生成できる最も簡潔なデータ URI 文字列は何ですか?

答え:

透明 GIF (少し長いですが安定しています - 78)バイト):

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

不安定な透明 GIF (短い - 74 バイト):

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

注意:

短いにもかかわらず、不安定な GIF は CSS を引き起こす可能性があります一部のブラウザでは問題が発生し、背景画像が正しく表示されなくなります。したがって、少し長いがより安定したバージョンを使用することをお勧めします。

追加のヒント:

「image/gif」タイプは絶対に省略しないでください:

いくつかの提案に反して、「image/gif」タイプを省略すると、複数のファイルでエラーが発生します。ブラウザ。

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