Welchen Zweck erfüllt eine leere GIF-Datei (1x1 Pixel)?

12

Ich habe einige zufällige Seiten gesehen, in denen erwähnt wurde, dass leere GIF-Bilder verwendet werden, um die Leistung zu verbessern. Ich habe auch festgestellt, dass der Nginx ein Modul für genau diesen Zweck hat. Was ich nicht herausfinden kann, ist genau, wie das Bereitstellen dieser kleinen Datei die Leistung oder die empfundene Reaktionsfähigkeit eines Webservers steigern soll. Kann mir jemand helfen, die Vorteile zu verstehen?

web-server performance nginx Sean
quelle
1
Das würde ich auch gerne wissen. Ich habe sie immer gesehen, aber nie daran gedacht, zu fragen, warum ...
Mark Henderson

Antworten:

20

1x1 GIF - Dateien werden von einigen Websites eingestellten Abstand zwischen den Elementen ( vor allem auf ältere Websites gemacht , wenn Browser Interpretationen von HTML / CSS waren mehr divergent verwendet Husten IE Husten

Sie werden heutzutage auch häufiger als Anforderungsziel für "Tracking-Pixel" verwendet, die als Tool zum Sammeln von Nutzungsstatistiken usw. verwendet werden, insbesondere für E-Mail- / Marketing-Kampagnen.

Der Grund, warum Sie ein spezielles Modul für diese Datei bereitstellen würden, ist, dass (a) es häufig angefordert wird und (b) jedes Mal dasselbe zurückgibt, sodass Sie nicht für die Datei auf die Festplatte gehen müssen, wenn Sie dies wünschen kann es vermeiden.

Lucas Wilson-Richter
quelle
Ich hatte immer gehört, dass es in erster Linie zum Verfolgen von Benutzern gedacht war, sodass das schattierte "sie" es als Abruf von einem anderen Server oder Standort zum einfachen Verfolgen von Treffern einbettete und es auch in HTML-Mails per E-Mail verschickte, um zu wissen, ob Sie die Nachricht lesen oder nicht; Die Spammer-Version des Lesebestätigungsvermerks für Personen, die HTML / RTF-Nachrichten nicht deaktivieren und sie daher als erfolgreiche Adressen für den Verkauf an andere Spammer verwenden.
Bart Silverstrim
Das wird häufig in E-Mails verwendet. Bei Websites wurde diese Technik größtenteils durch JavaScript wie Google Analytics ersetzt.
Ceejayoz
Auch bekannt transparent.gif , Spacer.gif , Clear1x1.gif , blank.gif Check Wiki Link1 und Link2 , einer der Nutzung mit CSS - Sprites Flaggen Bild in dieser Website.
Shaijut
8

Ich bin mir nicht sicher, ob ich die Leistung steigern soll, aber Bilder mit 1 x 1 Pixel werden häufig für das Tracking verwendet. Dieses als Web Bug (oder Beacon) bezeichnete Bild veranlasst den Browser, eine HTTP-Anfrage an den Server zu richten, von dem das Bild stammt. Diese Anfrage kann dann auf Tracking-Informationen überprüft werden (z. B. IP, Browser, Referrer usw.).

Samuel Karp
quelle
2

Bei einer Google-Suche nach " Ein-Pixel-GIF " oder " Ein-Pixel-GIF " werden viele Artikel zurückgegeben, in denen die Verwendung dieser Datei zum Positionieren von Elementen einer Webseite erläutert wird.

Aus der Optimierung des Designs: Ein-Pixel-GIFs (1. Januar 2000):

In den frühen Tagen des Webdesigns haben HTML-Einschränkungen Designer dazu inspiriert, alle möglichen Problemumgehungen zu finden, um das Layout der Seiten zu steuern. Eine der wichtigsten dieser Problemumgehungen war der Einzelpixel-GIF-Trick, bei dem ein Einzelpixel-GIF verwendet und mit den Attributen height, width, hspace und vspace des IMG-Tags geändert wurde.

Das GIF selbst ist winzig und benötigt praktisch keine Downloadzeit. Und je nachdem, ob das einzelne Pixel transparent ist oder nicht, kann das Ergebnis als Abstandshalter oder als horizontale oder vertikale Regel verwendet werden.

Bis auf weiteres angehalten.
quelle
2

Das Einbeziehen von 1x1-Bildern erhöht nicht die Leistung, sondern verringert sie - es handelt sich um eine zusätzliche HTTP-Anforderung, eine kleine Menge zusätzlicher Bandbreite usw.

Das Modul wird einfach soll das machen Abnahme der Leistung kleiner (durch das Bild effizienter dient), wie die 1x1 - Pixel - Technik für die Elemente auf der Seite zu positionieren nützlich sein kann.

ceejayoz
quelle
Vielleicht war es ein Missverständnis, dass die 1x1-Qualität des Bildes optimiert wurde, um seine Aufgabe zu erfüllen, unabhängig davon, was es sein mag (Verfolgung, Abstand usw.), mit der bestmöglichen Leistung.
Xonatron
aber CSS - Sprites die Leistung steigern, 1x1 Bilder Auch bekannt transparent.gif , Spacer.gif , Clear1x1.gif , blank.gif Check Wiki Link1 und Link2 , einer der Nutzung mit CSS - Sprites Flaggen Bild in dieser Website.
Shaijut
@stom Das hat nichts mit CSS-Sprites zu tun.
Ceejayoz
1

Sie werden auch für das Image-Spriting verwendet. Ein kleines transparentes Bild wird als src-Attribut eines Bild-Tags verwendet, und das reale Bild ist ein CSS-Hintergrundbild. Der Leistungsvorteil liegt darin, dass der CSS-Hintergrund nur ein Teil eines einzelnen Bilds ist, das viele Bilder von der Seite kombiniert, wodurch die Anzahl der Gesamtanforderungen verringert wird.

Siehe zum Beispiel:

armb
quelle
Dies sollte die führende Antwort sein. Die anderen Antworten enthalten viele gute Informationen zu Dingen, die mit Einzelpixel-Gifs ausgeführt werden können. Dies ist jedoch die einzige Antwort, die einen Leistungsgrund für die Verwendung dieser Gifs beschreibt.
mc0e
0

Alles gute Antworten oben. Es gibt eine andere Verwendung für das Modul.

Wenn Sie die Schaltung von Anzeigen in Ihrem Netzwerk blockieren möchten und die angeforderten URLs einfach ablehnen, leiden die Ladezeiten des Browsers (oder auf der Seite wird eine Blockierungsnachricht angezeigt). Die Lösung besteht dann darin, den Browserverkehr auf eine interne Site umzuleiten, auf der ein leeres Bild angezeigt wird (anstatt die Anforderungs-URL abzulehnen).

Einige Tricks, die für die Umleitung verwendet werden können, sind Dnsmasq- und Squid-Umschreibregeln.

paxos1977
quelle