Do czego służy pusty plik gif (1x1 pix)?

12

Widziałem kilka przypadkowych stron, które wspominają o użyciu pustych obrazów gif w celu zwiększenia wydajności. Odkryłem również, że nginx ma moduł tylko do tego celu. Nie mogę zrozumieć, w jaki sposób serwowanie tego małego pliku powinno zwiększyć wydajność lub postrzegać szybkość reakcji serwera WWW. Czy ktoś może mi pomóc zrozumieć korzyści?

web-server performance nginx Sean
źródło
1
Też chciałbym to wiedzieć. Zawsze ich widziałem, ale nigdy nie zastanawiałem się, dlaczego ...
Mark Henderson

Odpowiedzi:

20

GIF 1x1 są wykorzystywane przez niektórych stronach internetowych, aby odstępy między elementami zadanej (szczególnie na starszych stron internetowych, wykonane podczas interpretacje przeglądarek HTML / CSS były bardziej rozbieżne kaszel IE kaszel

Są one również częściej używane dzisiaj jako cel żądania dla „pikseli śledzących”, które są używane jako narzędzie do zbierania statystyk użytkowania itp., Szczególnie w kampaniach e-mail / marketingowych.

Powodem, dla którego dostarczyłeś specjalny moduł dla tego pliku, jest to, że (a) jest często proszony i (b) zwraca to samo za każdym razem, więc nie musisz iść na dysk, aby uzyskać plik mogę tego uniknąć.

Lucas Wilson-Richter
źródło
Zawsze słyszałem, że to przede wszystkim do śledzenia użytkowników, więc mroczne „oni” umieszczają go jako ściągnięcie z innego serwera lub lokalizacji w celu łatwego śledzenia trafień, a także wysyłają go pocztą e-mail osadzoną w wiadomościach HTML, aby wiedzieć, czy czytasz wiadomość lub nie; wersja potwierdzenia odczytu dla spamerów dla osób, które nie wyłączają wiadomości HTML / RTF, a tym samym zbierają je jako udane adresy, aby sprzedawać je innym spamerom.
Bart Silverstrim
To powszechne zastosowanie w e-mailu, tak. W przypadku witryn internetowych technika ta została w większości zastąpiona JavaScriptem, takim jak Google Analytics.
ceejayoz
Znany również Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif sprawdź wiki Link1 i Link2 , jedno z zastosowań z obrazkami flag sprites css na tej stronie.
shaijut
8

Nie jestem pewien, czy zwiększy się wydajność, ale obrazy śledzące 1x1 pikseli są powszechnie używane w śledzeniu. Obraz ten, powszechnie znany jako błąd sieciowy (lub sygnał nawigacyjny), powoduje wysłanie żądania HTTP do serwera, z którego pochodzi obraz. Żądanie to można następnie sprawdzić pod kątem informacji o śledzeniu (np. Adres IP, przeglądarka, strona odsyłająca itp.).

Samuel Karp
źródło
2

Wyszukanie w Google wyrażenia „ jeden piksel gif ” lub „ pojedynczy piksel gif ” zwraca wiele artykułów omawiających technikę wykorzystania tego pliku do pozycjonowania elementów strony internetowej.

Z optymalizacji projektu: jednopikselowe pliki GIF (1 stycznia 2000):

Na początku projektowania stron internetowych ograniczenia HTML zainspirowały projektantów do znalezienia różnego rodzaju obejść, aby mieć kontrolę nad układem stron. Jednym z najbardziej znaczących z tych obejść była sztuczka GIF z jednym pikselem, wykorzystująca GIF z jednym pikselem i modyfikująca go za pomocą atrybutów wysokości, szerokości, hspace i vspace tagu IMG.

Sam GIF jest niewielki i praktycznie nie wymaga czasu pobierania. I w zależności od tego, czy pojedynczy piksel jest przezroczysty, czy nie, wynik może zostać użyty jako odstępnik lub jako reguła pozioma lub pionowa.

Wstrzymano do odwołania.
źródło
2

Dołączenie obrazów 1x1 nie zwiększa wydajności, zmniejsza ją - jest to dodatkowe żądanie HTTP, niewielka ilość dodatkowej przepustowości itp.

Że moduł jest po prostu przeznaczony, aby spadek wydajności mniejszej (o bardziej efektywnie obsługujących obraz), jako technika 1x1 pikseli do pozycjonowania elementów na stronie mogą być przydatne.

ceejayoz
źródło
Być może nieporozumienie polegało na tym, że natura obrazu 1x1 jest zoptymalizowana pod kątem wykonywania swojej pracy, bez względu na to, jaka jest (śledzenie, odstępy itp.), Przy najbardziej optymalnej wydajności.
Xonatron
ale duszki css zwiększają wydajność, obrazy 1x1 Znane również Przezroczyste.gif , Spacer.gif , Clear1x1.gif , Blank.gif sprawdź wiki Link1 i Link2 , jedno z zastosowań z obrazami flag duszek css na tej stronie.
shaijut
@stom Nie ma to nic wspólnego z duchami CSS.
ceejayoz,
1

Są również używane do tworzenia obrazów; mały przezroczysty obraz jest używany jako atrybut src znacznika obrazu, a prawdziwy obraz to obraz tła CSS. Przewaga wydajności wynika z faktu, że tło CSS jest tylko częścią pojedynczego obrazu, który łączy wiele obrazów ze strony, zmniejszając liczbę ogólnych żądań.

Zobacz na przykład:

armb
źródło
To powinna być wiodąca odpowiedź. W innych odpowiedziach jest wiele dobrych informacji na temat rzeczy, które można zrobić za pomocą gifów jednopikselowych, ale jest to jedyna odpowiedź opisująca powód wydajności ich użycia.
mc0e
0

Wszystkie świetne odpowiedzi powyżej. Moduł ma inne zastosowanie.

Jeśli chcesz zablokować wyświetlanie reklam w swojej sieci, jeśli po prostu odrzucisz żądane adresy URL, czas ładowania przeglądarki spadnie (lub otrzymasz komunikat blokowy wyświetlany na stronie). Rozwiązaniem jest wówczas przekierowanie ruchu przeglądarki do wewnętrznej witryny obsługującej pusty obraz (zamiast odmawiać adresu URL żądania).

Niektóre sztuczki, których można użyć do przekierowania, to reguły przepisywania Dnsmasq i Squid.

paxos1977
źródło