web-dev-qa-db-ja.com

空のgif(1x1 pix)ファイルの目的は何ですか?

空のgif画像を使用して何らかの方法でパフォーマンスを向上させることについて言及しているランダムなページをいくつか見ました。 nginxには module がこの目的のためだけにあることもわかりました。私が理解できないのは、この小さなファイルを提供することで、パフォーマンスが向上するか、またはWebサーバーからの応答性が認識されるかです。誰でも私が利点を理解するのを手伝ってくれる?

12
Sean

1x1 gifファイルは、要素間の間隔を設定するために一部のWebサイトで使用されます(特に古いWebサイトでは、ブラウザーのHTML/CSSの解釈が異なる場合に作成されます)cough IE-

また、現在は「トラッキングピクセル」のリクエストターゲットとしてより頻繁に使用されており、特にメール/マーケティングキャンペーンなどで使用統計情報を収集するためのツールとして使用されています。

このファイルに特別なモジュールを提供する理由は、(a)頻繁に要求され、(b)毎回同じものを返すため、ファイルのディスクに移動する必要がない場合です。それを避けることができます。

20

パフォーマンスの向上についてはわかりませんが、1x1ピクセルの画像が一般的に追跡に使用されます。一般に webバグ (またはビーコン)として知られているこの画像により、ブラウザは画像の送信元のサーバーにHTTPリクエストを送信します。このリクエストは、追跡情報(IP、ブラウザ、リファラーなど)について検査されます。

8
Samuel Karp

1x1画像を含めてもパフォーマンスは向上せず、低下します。これは追加のHTTPリクエスト、少量の追加の帯域幅などです。

そのモジュールは、ページ上に要素を配置する1x1ピクセルのテクニックが役立つため、減少パフォーマンス小さい(画像をより効率的に提供すること)を目的としています。

2
ceejayoz

" one pixel gif "または " single pixel gif "でGoogle検索を実行すると、Webページの要素を配置するためにそのファイルを使用する方法について説明する多くの記事が返されます。

から 最適化デザイン:1ピクセルGIF (2000年1月1日):

Webデザインの初期の頃、HTMLの制限により、デザイナーはページのレイアウトを制御するためにあらゆる種類の回避策を見つけるようになりました。これらの回避策の最も重要なものの1つは、単一ピクセルGIFを使用し、IMGタグの高さ、幅、hspace、およびvspace属性で変更する単一ピクセルGIFトリックでした。

GIF自体は非常に小さく、事実上ダウンロード時間は必要ありません。そして、単一のピクセルが透明かどうかに応じて、結果はスペーサーとして、または水平または垂直のルールとして使用できます。

また、画像の分割にも使用されます。小さな透明な画像が画像タグのsrc属性として使用され、実際の画像はCSS背景画像です。パフォーマンスの利点は、CSSの背景が単一の画像の一部にすぎず、ページからの多くの画像を組み合わせ、全体的なリクエストの数を減らすことからもたらされます。

例を見てください:

1
armb

上記のすべての素晴らしい答え。モジュールの別の用途があります。

広告がネットワークに表示されないようにブロックする場合、要求されたURLを単に拒否すると、ブラウザーの読み込み時間が長くなります(または、ブロックメッセージがページに表示されます)。解決策は、ブラウザーのトラフィックを(リクエストURLを拒否するのではなく)空の画像を提供する内部サイトにリダイレクトすることです。

リダイレクトを行うために使用できるいくつかのトリックは Dnsmasq およびSquid書き換えルールです。

0
paxos1977