pixel.gif, perché le persone lo usano?

Question

Solo una semplice domanda, perché pixel.gif è utile? E perché dovresti usarlo o perché no?

Answer 1

Gif pixel (spesso chiamati shim.gif) sono stati utilizzati in progetti Web precedenti (ovvero più vecchi di, diciamo, 5 anni fa) per fornire uno spazio nei layout di pagine o tabelle in cui mancava una migliore comprensione dei CSS robusti o le differenze tra i browser (in genere tra IE e Netscape) rendevano la vita troppo complicata.

Dovrebbero essere considerati una reliquia del passato e non si vedrebbero in un layout CSS professionale nel web design di oggi. Tuttavia è ancora possibile che le pagine meno recenti che non sono state mantenute nel corso degli anni continueranno a disporre di layout di pagina basati su tabelle con immagini di pixel shim per fornire una spaziatura artificiale per le colonne.

In breve, non dovresti usarli a meno che non sia richiesta un'immagine per la raccolta di statistiche non javascript per il tuo sito.

Answer 2

Perché attraverso la cronologia, i browser hanno avuto vari problemi con il rendering di elementi vuoti e il ridimensionamento degli elementi correttamente. Usare un'immagine di pixel trasparente e allungarla come contenuto era un metodo abbastanza universale per ottenere un elemento da ridimensionare correttamente e il pixel poteva essere inserito in un collegamento ipertestuale che terminava con un'area cliccabile trasparente su qualsiasi browser.

Nower-days, browser e tecnologia browser sono migliorati notevolmente, e penso che siano passati anni da quando ho usato un pixel.

Answer 3

Solo a causa di IE. IE 7-8 non funziona correttamente con png di sfondo + opacità. Ci sono solo un modo per risolverlo:

background: url("/images/blank.gif") no-repeat, url("/images/howto.png") no-repeat; 
background-color: transparent !important; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="/images/howto.png"); 
zoom: 1; 

IE non è un browser. Non posso dire altro che parolacce su questo programma. Ora ho una grande quantità di bug contrassegnati IE 7 SOLO, IE 8 SOLO, IE 8 in modalità compability con IE 7 SOLO, IE 9 SOLO e IE 10 SOLO

Utenti, per favore! Lanciate finestre e tutto il suo delirio all'inferno. Usa GNU/Linux!

Answer 4

Le .gif sono immagini trasparenti in genere da 1x1 pixel. Come notato sopra, queste immagini non dovrebbero essere utilizzate per la spaziatura nei moderni browser Web (2013) poiché il CSS fa un lavoro superiore di layout.

Tuttavia, campagne di email marketing continuano a sfruttare loro per un paio di motivi:

1. Come un bene che può essere utilizzato per analisi di marketing (? Cioè e-mail aperto)
2. Per problemi di spaziatura derivanti dall'utilizzo tabelle per il layout in email.

client di posta non universalmente supportano CSS ed è quindi le best practice per codificare i vostri bollettini e avvisi di applicazione come se fosse 1996.