Mục đích nào mà tệp gif (1x1 pix) trống phục vụ?


12

Tôi đã thấy một vài trang ngẫu nhiên đề cập đến việc sử dụng hình ảnh gif trống để bằng cách nào đó tăng hiệu suất. Tôi cũng đã tìm thấy nginx có một mô-đun cho mục đích này. Những gì tôi không thể tìm ra, chính xác là cách phục vụ tệp nhỏ này được cho là để tăng hiệu suất hoặc nhận được phản hồi từ máy chủ web. Bất cứ ai có thể giúp tôi hiểu những lợi ích?


1
Tôi cũng muốn biết điều này. Tôi đã luôn nhìn thấy họ xung quanh nhưng chưa bao giờ nghĩ đến câu hỏi tại sao ...
Mark Henderson

Câu trả lời:


20

File 1x1 gif được sử dụng bởi một số trang web để khoảng cách thiết lập giữa các yếu tố (đặc biệt là trên các trang web cũ, thực hiện khi giải thích các trình duyệt của HTML / CSS là khác nhau hơn ho IE ho

Ngày nay, chúng cũng được sử dụng thường xuyên hơn như một mục tiêu yêu cầu cho "pixel theo dõi", được sử dụng như một công cụ để thu thập số liệu thống kê sử dụng, v.v., đặc biệt cho các chiến dịch email / tiếp thị.

Lý do bạn cung cấp một mô-đun đặc biệt cho tệp này là vì (a) nó được yêu cầu thường xuyên và (b) nó sẽ trả lại cùng một thứ mỗi lần, vì vậy bạn không muốn phải chuyển sang đĩa cho tệp nếu bạn có thể tránh nó


Tôi luôn nghe thấy nó chủ yếu để theo dõi người dùng, vì vậy "họ" bóng tối sẽ nhúng nó dưới dạng kéo từ một máy chủ hoặc vị trí khác để dễ dàng theo dõi các lần truy cập và cũng gửi email được nhúng trong thư html để biết bạn có đọc tin nhắn hay không không phải; phiên bản nhận thư của người gửi thư rác đối với những người không vô hiệu hóa tin nhắn HTML / RTF và do đó thu hoạch chúng làm địa chỉ thành công để bán cho những người gửi thư rác khác.
Bart Silverstrim

Đó là một cách sử dụng phổ biến trong e-mail, yeah. Đối với các trang web, kỹ thuật đó đã được thay thế chủ yếu bằng JavaScript như Google Analytics.
ceejayoz

Còn được gọi Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif check wiki link1Link2 , một trong những sử dụng với sprites css cờ hình ảnh trong này trang web.
shaijut

8

Tôi không chắc chắn về việc tăng hiệu suất, nhưng hình ảnh pixel 1x1 thường được sử dụng trong theo dõi. Thường được gọi là lỗi web (hoặc đèn hiệu), hình ảnh này khiến trình duyệt thực hiện yêu cầu HTTP đến máy chủ mà hình ảnh bắt nguồn. Yêu cầu này sau đó có thể được kiểm tra để theo dõi thông tin (ví dụ: IP, trình duyệt, người giới thiệu, v.v.).


2

Thực hiện tìm kiếm Google cho " một pixel gif " hoặc " gif pixel đơn " trả về nhiều bài viết thảo luận về kỹ thuật sử dụng tệp đó để định vị các thành phần của trang web.

Từ tối ưu hóa thiết kế: GIF một pixel (ngày 1 tháng 1 năm 2000):

Trong những ngày đầu của thiết kế web, các giới hạn HTML đã truyền cảm hứng cho các nhà thiết kế tìm ra tất cả các cách giải quyết để có quyền kiểm soát bố cục của các trang. Một trong những cách giải quyết quan trọng nhất là thủ thuật GIF pixel đơn, sử dụng GIF pixel đơn và sửa đổi nó với các thuộc tính chiều cao, chiều rộng, hspace và vspace của thẻ IMG.

Bản thân GIF rất nhỏ và hầu như không cần thời gian tải xuống. Và, tùy thuộc vào việc pixel đơn có trong suốt hay không, kết quả có thể được sử dụng như một miếng đệm hoặc theo quy tắc ngang hoặc dọc.


2

Bao gồm các hình ảnh 1x1 không làm tăng hiệu suất, nó làm giảm nó - đó là một yêu cầu HTTP bổ sung, một lượng nhỏ băng thông bổ sung, v.v.

Mô-đun đó chỉ đơn giản là nhằm làm giảm hiệu suất nhỏ hơn (bằng cách phục vụ hình ảnh hiệu quả hơn), vì kỹ thuật pixel 1x1 cho các thành phần định vị trên trang có thể hữu ích.


Có thể đó là một sự hiểu lầm rằng bản chất 1x1 của hình ảnh được tối ưu hóa để thực hiện công việc của nó, bất kể nó có thể là gì (theo dõi, khoảng cách, v.v.), với hiệu suất tối ưu nhất.
Xonatron

nhưng sprites css tăng hiệu suất, 1x1 hình ảnh Còn được gọi Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif check wiki link1Link2 , một trong những sử dụng với sprites css cờ hình ảnh trong này trang web.
shaijut

@stom Điều này không có gì để làm với các sprite CSS.
ceejayoz

1

Chúng cũng được sử dụng để tạo hình ảnh; một hình ảnh trong suốt nhỏ được sử dụng làm thuộc tính src của thẻ hình ảnh và hình ảnh thực là hình nền CSS. Lợi thế về hiệu suất đến từ nền CSS chỉ là một phần của một hình ảnh kết hợp nhiều hình ảnh từ trang, giảm số lượng yêu cầu tổng thể.

Xem ví dụ:


Đây phải là câu trả lời hàng đầu. Có rất nhiều thông tin tốt trong các câu trả lời khác về những điều có thể được thực hiện với các gif pixel đơn, nhưng đây là câu trả lời duy nhất mô tả lý do hiệu suất khi sử dụng chúng.
mc0e

0

Tất cả các câu trả lời tuyệt vời ở trên. Có một cách sử dụng khác cho các mô-đun.

Khi bạn muốn chặn quảng cáo được hiển thị trong mạng của mình, nếu bạn chỉ cần từ chối các URL được yêu cầu thì thời gian tải trình duyệt bị ảnh hưởng (hoặc bạn nhận được thông báo chặn hiển thị trên trang). Giải pháp sau đó là chuyển hướng lưu lượng truy cập của trình duyệt đến một trang web nội bộ phục vụ hình ảnh trống (thay vì từ chối URL yêu cầu).

Một số thủ thuật có thể được sử dụng để thực hiện chuyển hướng là quy tắc viết lại Dnsmasq và Squid.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.