Boş bir gif (1x1 pix) dosya ne işe yarar?

12

Performansı bir şekilde arttırmak için boş gif resimleri kullandığımdan birkaç rastgele sayfa gördüm. Ben de nginx sadece bu amaç için bir modül var bulundu. Ne anlayamıyorum, tam olarak bu küçük dosya hizmet nasıl bir web sunucusundan performansı veya algılanan yanıt artırmak için gerekiyordu. Biri faydaları anlamama yardımcı olabilir mi?

web-server performance nginx

— Sean
kaynak

1

Bunu da bilmek isterim. Onları her zaman gördüm ama nedenini sormayı hiç düşünmedim ...

— Mark Henderson

20

1x1 gif dosyaları bazı web siteleri tarafından öğeler arasındaki boşluğu ayarlamak için kullanılır (özellikle eski web sitelerinde, tarayıcıların HTML / CSS yorumları daha farklı öksürük IE öksürüğü olduğunda yapılır

Ayrıca, özellikle e-posta / pazarlama kampanyaları için kullanım istatistiklerini toplamak için bir araç olarak kullanılan "pikselleri izlemek" için bir istek hedefi olarak da daha sık kullanılmaktadır.

Bu dosya için özel bir modül sağlamanızın nedeni, (a) sık sık istenmesi ve (b) her seferinde aynı şeyi döndürmesidir, böylece dosya için diske gitmek istemezsiniz. bundan kaçınabilir.

— Lucas Wilson-Richter
kaynak

Her zaman öncelikle kullanıcıları izlemek için olduğunu duydum, bu yüzden gölgeli "onlar" isabetlerin kolay takibi için başka bir sunucudan veya konumdan bir çekiş olarak gömdüm ve ayrıca mesajı okuduğunuzu bilmek için html postalarına gömülmüş veya değil; spam göndericinin HTML / RTF iletilerini devre dışı bırakmayan ve böylece diğer spam göndericilere satmak üzere başarılı adresler olarak toplayan kişiler için okundu bilgisi sürümü.

— Bart Silverstrim

E-postada yaygın bir kullanımdır, evet. Web sitelerinde, bu teknik çoğunlukla Google Analytics gibi JavaScript ile değiştirildi.

— ceejayoz

Ayrıca bilinen Transparent.gif , Spacer.gif , Clear1x1.gif , blank.gif wiki çeki link1 ve LINK2 , css sprite bayrakları görüntü ile kullanım biri bu sitede.

— shaijut

8

Performansı artırdığından emin değilim, ancak 1x1 piksel görüntüler izlemede yaygın olarak kullanılıyor. Genelde web hatası (veya işaret) olarak bilinen bu resim, tarayıcının görüntünün kaynağı olan sunucuya bir HTTP isteği yapmasına neden olur. Bu istek daha sonra izleme bilgileri (örneğin IP, tarayıcı, yönlendiren vb.) İçin incelenebilir.

— Samuel Karp
kaynak

2

" Tek piksel gif " veya " tek piksel gif " için Google araması yapmak, bu dosyayı bir web sayfasının öğelerini konumlandırmak için kullanma tekniğini tartışan birçok makaleyi döndürür.

Gönderen Tek piksel GIF: Optimizasyon Tasarımı (1 Ocak 2000):

Web tasarımının ilk günlerinde, HTML sınırlamaları tasarımcıların sayfa düzeni üzerinde kontrol sahibi olabilmeleri için her türlü geçici çözümü bulmalarına ilham verdi. Bu geçici çözümlerden en önemlilerinden biri, tek bir piksel GIF kullanan ve IMG etiketinin yükseklik, genişlik, hspace ve vspace nitelikleriyle değiştirilen tek piksel GIF hüneriydi.

GIF'in kendisi küçük ve neredeyse hiç indirme süresi gerektirmiyor. Ve, tek pikselin şeffaf olup olmamasına bağlı olarak, sonuç bir aralayıcı olarak veya yatay veya dikey bir kural olarak kullanılabilir.

— Bir sonraki duyuruya kadar duraklatıldı.
kaynak

2

1x1 resim eklemek performansı artırmaz, azaltır - ekstra bir HTTP isteği, az miktarda ekstra bant genişliği vb.

Bu modül, sayfadaki öğeleri konumlandırmak için 1x1 piksel tekniği yararlı olabileceğinden , performanstaki düşüşü (görüntüyü daha verimli bir şekilde sunarak) daha küçük hale getirmeyi amaçlamaktadır .

— ceejayoz
kaynak

Belki de görüntünün 1x1 doğasının en iyi performansla (izleme, aralık vb.) Ne olursa olsun işini yapacak şekilde optimize edilmesi yanlış anlaşılmıştı.

— Xonatron

ancak css sprite, aynı zamanda bilinen 1x1 görüntüleri performansını artırmak Transparent.gif , Spacer.gif , Clear1x1.gif , blank.gif wiki çeki link1 ve LINK2 , css sprite bayrakları görüntü ile kullanım biri bu sitede.

— shaijut

@stom Bunun CSS sprite'larıyla bir ilgisi yok.

— ceejayoz

1

Ayrıca görüntü yazma için de kullanılırlar; küçük şeffaf bir resim, resim etiketinin src özelliği olarak kullanılır ve gerçek resim bir CSS arka plan görüntüsüdür. Performans avantajı, CSS arka planının, sayfadaki birçok görüntüyü birleştirerek genel isteklerin sayısını azaltan tek bir görüntünün yalnızca bir parçası olmasıyla elde edilir.

Örneğin bakınız:

— armb
kaynak

Bu en önemli cevap olmalı. Diğer cevaplarda, tek piksel gifleriyle yapılabilecek şeyler hakkında birçok iyi bilgi var, ancak bunları kullanmak için performans nedenini açıklayan tek cevap bu.

— mc0e

0

Yukarıdaki tüm harika cevaplar. Modül için başka bir kullanım var.

Reklamların ağınızda gösterilmesini engellemek istediğinizde, istenen URL'lerin yalnızca tarayıcı yükleme sürelerinin zarar gördüğünü inkar ederseniz (veya sayfada bir engelleme mesajı alırsanız). Ardından çözüm, tarayıcı trafiğini boş bir resim sunan (istek URL'sini reddetmek yerine) dahili bir siteye yönlendirmektir.

Yönlendirmeyi yapmak için kullanılabilecek bazı hileler Dnsmasq ve Squid yeniden yazma kurallarıdır.

— paxos1977
kaynak