空のgif(1x1 pix)ファイルはどのような目的で使用されますか?


12

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


1
私もこれを知りたいです。私はいつも周りのemを見たが、疑問に思ったことがない理由は...
マーク・ヘンダーソン

回答:


20

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

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

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


私はいつもそれが主にユーザーを追跡するためだと聞いていたので、影の「彼ら」はそれを別のサーバーまたは場所からのプルとして埋め込み、ヒットを簡単に追跡し、メッセージを読んだかどうかを知るためにhtmlメールに埋め込まれたメールを送信しますない; HTML / RTFメッセージを無効にせず、他のスパマーに販売するための成功したアドレスとしてそれらを収集する人々に関する開封確認のスパマーのバージョン。
バートシルバース

ええ、それは電子メールでの一般的な使用法です。ウェブサイトの場合、その手法はほとんどGoogleアナリティクスのようなJavaScriptに置き換えられています。
ceejayoz 09

また、既知Transparent.gifSpacer.gifClear1x1.gifBlank.gifのウィキチェックリンク1リンク2、でCSSスプライトフラグ画像での使用のいずれかのこのサイト。
shaijut

8

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


2

1ピクセルgif」または「シングルピクセルgif」のGoogle検索を行うと、Webページの要素を配置するためにそのファイルを使用する手法を説明する多くの記事が返されます。

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

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

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


2

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

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


画像の1x1の性質が、最適なパフォーマンスで(追跡、間隔など)なんであれ、その仕事をするために最適化されていると誤解されたのかもしれません。
-Xonatron

しかし、CSSスプライトは、また、知られている1x1の画像性能を向上させるTransparent.gifSpacer.gifClear1x1.gifBlank.gifのウィキチェックリンク1リンク2、でCSSスプライトフラグ画像での使用のいずれかのこのサイト。
-shaijut

@stomこれは、CSSスプライトとは関係ありません。
ceejayoz

1

また、画像のスプライトにも使用されます。小さな透明な画像が画像タグのsrc属性として使用され、実際の画像はCSS背景画像です。パフォーマンス上の利点は、CSSの背景がページの多数の画像を組み合わせた単一の画像の一部にすぎないために発生し、リクエスト全体の数が減少します。

例を参照してください:


これが主要な答えです。単一ピクセルgifで実行できることに関する他の回答には多くの良い情報がありますが、これはそれらを使用するパフォーマンスの理由を説明する唯一の回答です。
mc0e 14年

0

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

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

リダイレクトに使用できるトリックには、DnsmasqおよびSquidの書き換えルールがあります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.