Com que finalidade um arquivo vazio de gif (1x1 pix) é exibido?

Question

Eu vi algumas páginas aleatórias mencionarem o uso de imagens de gif vazias para aumentar o desempenho de alguma forma. Eu também achei que o nginx tem um módulo exatamente para esse propósito. O que eu não consigo descobrir é exatamente como servir esse pequeno arquivo é supostamente para aumentar o desempenho ou a capacidade de resposta percebida de um servidor web. Alguém pode me ajudar a entender os benefícios?

    

Answer 1

Arquivos gif 1x1 são usados por alguns sites para definir espaçamento entre elementos (especialmente em sites mais antigos, feitos quando as interpretações de HTML / CSS dos navegadores são mais divergentes tosse IE tosse

Eles também são usados com mais frequência hoje como um alvo de solicitação para "pixels de rastreamento", usados como ferramenta para coletar estatísticas de uso, etc., especialmente para campanhas de e-mail / marketing.

O motivo pelo qual você forneceria um módulo especial para esse arquivo é que (a) é solicitado com frequência e (b) retorna sempre a mesma coisa, portanto, você não precisa ir ao disco para arquivo, se você pode evitá-lo.

    

Answer 2

Não tenho certeza sobre o aumento do desempenho, mas as imagens de 1 x 1 pixel são comumente usadas no rastreamento. Comumente conhecido como um bug da web (ou beacon), essa imagem faz com que o navegador faça uma solicitação HTTP para o servidor do qual a imagem é originada. Essa solicitação pode ser examinada para rastrear informações (por exemplo, IP, navegador, referenciador, etc.).

    

Answer 3

Fazer uma pesquisa no Google por " um pixel gif " ou "single pixel gif "retorna muitos artigos que discutem a técnica de usar esse arquivo para posicionar elementos de uma página da Web.

De Otimizando o design: GIFs de um pixel (1º de janeiro de 2000):

In the early days of web design, HTML limitations inspired designers to find all sorts of workarounds in order to have control over the layout of pages. One of the most significant of these workarounds was the single pixel GIF trick, using a single pixel GIF and modifying it with the height, width, hspace, and vspace attributes of the IMG tag.

The GIF itself is tiny and requires virtually no download time. And, depending on whether the single pixel is transparent or not, the result can be used as a spacer, or as a horizontal or vertical rule.

    

Answer 4

A inclusão de imagens 1x1 não aumenta o desempenho, diminui isso - é uma solicitação HTTP extra, uma pequena quantidade de largura de banda extra, etc.

Esse módulo destina-se simplesmente a diminuir o no desempenho menor (veiculando a imagem com mais eficiência), pois a técnica de pixel 1x1 para posicionamento de elementos na página pode ser útil.

    

Answer 5

Eles também são usados para o sprite de imagem; uma pequena imagem transparente é usada como o atributo src de uma tag de imagem, e a imagem real é uma imagem de plano de fundo CSS. A vantagem de desempenho vem do plano de fundo CSS, sendo apenas parte de uma única imagem que combina muitas imagens da página, reduzindo o número de solicitações gerais.

Veja por exemplo:

• link
• link

Answer 6

Todas as ótimas respostas acima. Há outro uso para o módulo.

Quando você quiser impedir a exibição de anúncios em sua rede, se simplesmente negar os URLs solicitados, os tempos de carregamento do navegador serão prejudicados (ou será exibida uma mensagem de bloqueio na página). A solução, então, é redirecionar o tráfego do navegador para um site interno que esteja exibindo uma imagem em branco (em vez de negar o URL da solicitação).

Alguns truques que podem ser usados para fazer o redirecionamento são Dnsmasq e regras de reescrita do Squid.