透明な GIF 画像の最小の安定したデータ URI は何ですか?

可能な限り最小の透明画像データ URI の実現

スプライトを使用する場合、アイコンの代替テキストを提供しながら、背景画像をシームレスに統合するために透明画像を使用する必要があります。データ URI を利用すると、HTTP リクエストを最小限に抑えることができます。

ただし、データ URI を通じて透明なイメージをレンダリングするための最小の文字列を決定する際に課題が生じます。さまざまな試みが行われてきましたが、一部の透明 GIF は不安定になり、CSS の不具合を引き起こしたり、背景画像の適用を妨げたりします。

広範なテストの結果、より短いバージョン (74 バイト) が存在することが判明しました。不安定になる傾向があり、グラフィックの問題が発生する可能性があります。したがって、推奨される解決策は、少し長いがより安定したバージョン (78 バイト) を使用することです。

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

重要な注意事項: 「image/gif」ヘッダーは省略しないでください。他の場所で提案されました。そうすると、いくつかのブラウザでデータ URI が壊れる可能性があります。

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