A cosa serve un file gif vuoto (1x1 pix)?

12

Ho visto alcune pagine casuali menzionare l'uso di immagini gif vuote per aumentare in qualche modo le prestazioni. Ho anche scoperto che nginx ha un modulo proprio per questo scopo. Quello che non riesco a capire, è esattamente come servire questo piccolo file dovrebbe aumentare le prestazioni o la reattività percepita da un web server. Qualcuno può aiutarmi a capire i vantaggi?

web-server performance nginx

— Sean
fonte

1

Mi piacerebbe sapere anche questo. Li ho sempre visti in giro ma non ho mai pensato di chiedermi perché ...

— Mark Henderson

20

I file gif 1x1 sono utilizzati da alcuni siti Web per impostare la spaziatura tra gli elementi (in particolare sui siti Web meno recenti, creati quando le interpretazioni dei browser HTML / CSS erano tosse più divergente IE tosse

Sono anche usati più spesso oggi come target di richiesta per "pixel di tracciamento", che vengono utilizzati come strumento per la raccolta di statistiche sull'utilizzo, ecc., In particolare per le campagne di e-mail / marketing.

Il motivo per cui forniresti un modulo speciale per questo file è che (a) è richiesto spesso e (b) restituisce sempre la stessa cosa, quindi non devi andare sul disco per il file se posso evitarlo.

— Lucas Wilson-Richter
fonte

Avevo sempre sentito che era principalmente per il monitoraggio degli utenti, quindi i "loro" oscuri lo avrebbero incorporato come un pull da un altro server o posizione per un facile monitoraggio degli hit e anche via e-mail incorporato in mail HTML per sapere se leggi il messaggio o non; versione di spammer della conferma di lettura su persone che non disabilitano i messaggi HTML / RTF e quindi li raccolgono come indirizzi di successo da vendere ad altri spammer.

— Bart Silverstrim,

È un uso comune nell'e-mail, sì. Per i siti Web, questa tecnica è stata per lo più sostituita con JavaScript come Google Analytics.

— ceejayoz,

Conosciuto anche Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif controlla wiki Link1 e Link2 , uno degli usi con le bandiere css sprites immagine in questo sito.

— Shaijut,

8

Non sono sicuro di aumentare le prestazioni, ma le immagini con pixel 1x1 sono comunemente utilizzate nel tracciamento. Comunemente noto come web bug (o beacon), questa immagine fa sì che il browser invii una richiesta HTTP al server da cui proviene l'immagine. Questa richiesta può quindi essere esaminata per informazioni di tracciamento (ad es. IP, browser, referrer, ecc.).

— Samuel Karp
fonte

2

Effettuando una ricerca su Google per " un pixel gif " o " single pixel gif " vengono restituiti molti articoli che illustrano la tecnica di utilizzo di quel file per posizionare gli elementi di una pagina Web.

Da Optimizing Design: GIF a un pixel (1 gennaio 2000):

Agli albori del web design, le limitazioni HTML hanno ispirato i progettisti a trovare tutti i tipi di soluzioni alternative per avere il controllo sul layout delle pagine. Uno dei più significativi di queste soluzioni alternative era il trucco GIF a pixel singolo, che utilizzava un singolo pixel GIF e lo modificava con gli attributi altezza, larghezza, spazio e spazio vs del tag IMG.

La GIF stessa è piccola e non richiede praticamente alcun tempo di download. E, a seconda che il singolo pixel sia trasparente o meno, il risultato può essere usato come spaziatore o come regola orizzontale o verticale.

— In pausa fino a nuovo avviso.
fonte

2

L'inclusione di immagini 1x1 non aumenta le prestazioni, ma le riduce: è una richiesta HTTP aggiuntiva, una piccola quantità di larghezza di banda aggiuntiva, ecc.

Tale modulo è inteso semplicemente per rendere la diminuzione delle prestazioni più piccole (servendo l'immagine più efficiente), come la tecnica di pixel 1x1 per elementi della pagina posizionamento può essere utile.

— ceejayoz
fonte

Forse è stato un malinteso che la natura 1x1 dell'immagine sia ottimizzata per fare il suo lavoro, qualunque esso sia (tracciamento, spaziatura, ecc.), Con le prestazioni più ottimali.

— Xonatron,

ma gli sprite CSS aumentano le prestazioni, immagini 1x1 Anche conosciute Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif controlla wiki Link1 e Link2 , uno degli usi con le bandiere css sprites immagine in questo sito.

— Shaijut,

@stom Non ha nulla a che fare con gli sprite CSS.

— Ceejayoz,

1

Sono anche usati per lo sprite delle immagini; una piccola immagine trasparente viene utilizzata come attributo src di un tag immagine e l'immagine reale è un'immagine di sfondo CSS. Il vantaggio in termini di prestazioni deriva dal fatto che lo sfondo CSS è solo una parte di una singola immagine che combina molte immagini della pagina, riducendo il numero di richieste complessive.

Vedi ad esempio:

— armb
fonte

Questa dovrebbe essere la risposta principale. Ci sono molte buone informazioni nelle altre risposte su cose che possono essere fatte con gif a singolo pixel, ma questa è l'unica risposta che descrive un motivo prestazionale per usarle.

— MC0e,

0

Tutte le grandi risposte sopra. C'è un altro uso per il modulo.

Quando desideri bloccare la visualizzazione degli annunci nella tua rete, se semplicemente rifiuti gli URL richiesti, i tempi di caricamento del browser subiscono (o ricevi un messaggio di blocco visualizzato nella pagina). La soluzione quindi è reindirizzare il traffico del browser verso un sito interno che serve un'immagine vuota (anziché negare l'URL della richiesta).

Alcuni trucchi che possono essere utilizzati per eseguire il reindirizzamento sono le regole di riscrittura di Dnsmasq e Squid.

— paxos1977
fonte