Якій цілі служить порожній файл gif (1x1 пікс)?

12

Я бачив, як кілька випадкових сторінок згадують використання порожніх gif-зображень, щоб якось підвищити продуктивність. Я також виявив, що nginx має модуль саме для цієї мети. Я не можу зрозуміти, як саме подання цього невеликого файлу повинно підвищити продуктивність або сприйняття реакції веб-сервера. Хтось може допомогти мені зрозуміти переваги?

web-server performance nginx

— Шон
джерело

1

Я також хотів би це знати. Я завжди бачив їх навколо, але ніколи не думав сумніватися, чому ...

— Марк Хендерсон,

20

Файли gif 1х1 використовуються на деяких веб-сайтах для встановлення інтервалу між елементами (особливо на старих веб-сайтах, зроблених, коли інтерпретації браузерів HTML / CSS були більш різними кашлем IE кашель

Вони також сьогодні частіше використовуються як ціль запиту для "відстеження пікселів", які використовуються як інструмент для збору статистики використання тощо, особливо для електронних та маркетингових кампаній.

Причина, що ви надаєте спеціальний модуль для цього файлу, полягає в тому, що (а) його часто запитують, і (б) він щоразу повертає одне і те ж, тому вам не потрібно буде переходити на диск для цього файлу, якщо ви можна цього уникнути.

— Лукас Вілсон-Ріхтер
джерело

Я завжди чув, що це в першу чергу для відстеження користувачів, тому тіньові "вони" вбудовували б це як витяг з іншого сервера або місця для легкого відстеження звернень, а також надсилали його електронною поштою, вбудованим у HTML-пошту, щоб дізнатися, чи читаєте ви повідомлення чи ні; версія квитанції про спаммер для людей, які не вимикають HTML / RTF-повідомлення і таким чином отримують їх як успішні адреси для продажу іншим спамерам.

— Барт Сільверстрім

Це звичайне використання в електронній пошті, так. Для веб-сайтів цю техніку в основному замінено на JavaScript, як Google Analytics.

— ceejayoz

Також відомі Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif, перевірте вікі Link1 та Link2 , що є одним із зображень із прапорами css sprites на цьому веб-сайті.

— shaijut

8

Я не впевнений у підвищенні продуктивності, але 1x1 піксельні зображення зазвичай використовуються для відстеження. Загальновідомий як веб-помилка (або маяк), це зображення змушує браузер робити HTTP-запит на сервер, з якого походить зображення. Потім цей запит може бути вивчений на предмет відстеження інформації (наприклад, IP, браузера, реферала тощо).

— Самуель Карп
джерело

2

Здійснення в пошуку Google " gif з одним пікселем " або " gif з одним пікселем " повертає багато статей, в яких обговорюється техніка використання цього файлу для позиціонування елементів веб-сторінки.

Від оптимізації дизайну: однопіксельні GIF (1 січня 2000 р.):

У перші дні веб-дизайну обмеження HTML надихнули дизайнерів знаходити всілякі обхідні шляхи, щоб мати контроль над компонуванням сторінок. Одним з найбільш значущих з цих обхідних шляхів був трюк GIF з одним пікселем, використовуючи GIF з одним пікселем та модифікуючи його за атрибутами висоти, ширини, hspace та vspace тегу IMG.

Сам GIF невеликий і не вимагає практично часу на завантаження. І, залежно від того, прозорий один піксель чи ні, результат можна використовувати як розпірку, або як горизонтальне або вертикальне правило.

— Призупинено до подальшого повідомлення.
джерело

2

Включення зображень 1x1 не підвищує продуктивність, воно знижує - це додатковий запит HTTP, невелика кількість додаткової пропускної здатності тощо.

Цей модуль просто призначене , щоб зробити зниження продуктивності меншим ( за рахунок більш ефективного обслуговування зображення), як 1x1 пікселя техніки для позиціонування елементів на сторінці може бути корисним.

— ceejayoz
джерело

Можливо, було непорозумінням, що характер зображення 1x1 оптимізований для того, щоб виконувати свою роботу, як би це не було (відстеження, інтервал тощо), з найоптимальнішими показниками.

— Xonatron

але спрацьовані CSS підвищують продуктивність, 1х1 зображення Також відомі Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif перевірити вікі Link1 та Link2 , що є одним із використання зображень прапорів css на цьому веб-сайті.

— shaijut

@stom Це не має нічого спільного з спрайтами CSS.

— ceejayoz

1

Вони також використовуються для спрайтування зображень; невелике прозоре зображення використовується як атрибут src тегу зображення, а реальне зображення - фонове зображення CSS. Перевага в продуктивності полягає в тому, що фон CSS є лише частиною одного зображення, яке поєднує в собі безліч зображень зі сторінки, зменшуючи кількість загальних запитів.

Див. Наприклад:

— арм
джерело

Це має бути провідною відповіддю. В інших відповідях є багато корисної інформації про речі, які можна зробити за допомогою gif-файлів з одним пікселем, але це єдина відповідь, яка описує причину продуктивності їх використання.

— mc0e

0

Усі чудові відповіді вище. Є ще одне використання для модуля.

Якщо ви хочете заблокувати показ оголошень у вашій мережі, якщо ви просто забороняєте URL-адреси, на які запитується, страждає час завантаження браузера (або ви отримуєте повідомлення про блокування, яке відображається на сторінці). Вирішенням цього рішення є перенаправлення трафіку браузера на внутрішній сайт, що обслуговує порожнє зображення (а не заперечення URL-адреси запиту).

Деякі хитрощі, які можна використовувати для переадресації, - це правила перезапису Dnsmasq та Squid.

— paxos1977
джерело