Para que serve um arquivo gif vazio (1x1 pix)?

12

Vi algumas páginas aleatórias mencionarem o uso de imagens gif vazias para aumentar o desempenho. Também descobri que o nginx possui um módulo para esse fim. O que não consigo descobrir é exatamente como a veiculação desse pequeno arquivo deve aumentar o desempenho ou a percepção da capacidade de resposta de um servidor da web. Alguém pode me ajudar a entender os benefícios?

web-server performance nginx

— Sean
fonte

1

Eu adoraria saber disso também. Eu sempre vi em torno mas nunca pensou em questionar o porquê ...

— Mark Henderson

20

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

Eles também são usados com mais frequência hoje como destino de solicitação para "pixels de rastreamento", que são usados como uma ferramenta para coletar estatísticas de uso etc., especialmente para campanhas de email / marketing.

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

— Lucas Wilson-Richter
fonte

Eu sempre ouvi falar que era principalmente para rastrear usuários, então os "eles" sombrios o incorporariam como um puxão de outro servidor ou local para facilitar o rastreamento de ocorrências e também enviá-lo por e-mail incorporado em emails html para saber se você leu a mensagem ou não; A versão do spammer de recibo de leitura para pessoas que não desabilitam as mensagens HTML / RTF e, portanto, as colhem como endereços bem-sucedidos para vender a outros spammers.

— 22248 Bart Silverstrim

É um uso comum em e-mail, sim. Para sites, essa técnica foi substituída principalmente por JavaScript como o Google Analytics.

— ceejayoz

Também conhecido transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif verificação wiki Link1 e Link2 , um do uso de imagem CSS sprites bandeiras com em este site.

— shaijut

8

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

— Samuel Karp
fonte

2

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

Em Otimização de design: GIFs de um pixel (1 de janeiro de 2000):

Nos primeiros dias do design da web, as limitações de HTML inspiravam os designers a encontrar todo tipo de solução alternativa para ter controle sobre o layout das páginas. Uma das soluções mais significativas foi o truque GIF de pixel único, usando um GIF de pixel único e modificando-o com os atributos height, width, hspace e vspace da tag IMG.

O GIF em si é pequeno e praticamente não requer tempo de download. E, dependendo se o pixel único é transparente ou não, o resultado pode ser usado como espaçador ou como regra horizontal ou vertical.

— Pausado até novo aviso.
fonte

2

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

Esse módulo é simplesmente destinado a fazer a diminuição no desempenho menor (servindo a imagem de forma mais eficiente), como a técnica de 1x1 pixel para posicionar elementos na página pode ser útil.

— ceejayoz
fonte

Talvez tenha sido um mal-entendido que a natureza 1x1 da imagem seja otimizada para fazer seu trabalho, seja ele qual for (rastreamento, espaçamento etc.), com o melhor desempenho.

— Xonatron

mas sprites CSS aumentar o desempenho, 1x1 imagens também conhecidos transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif verificação wiki Link1 e Link2 , um do uso de imagem CSS sprites bandeiras com em este site.

— shaijut

@stom Isso não tem nada a ver com sprites CSS.

— ceejayoz

1

Eles também são usados para spriting 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 background 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:

— braçadeira
fonte

Essa deve ser a resposta principal. Há muitas informações boas nas outras respostas sobre coisas que podem ser feitas com gifs de pixel único, mas essa é a única resposta que descreve um motivo de desempenho para usá-los.

— Mc0e

0

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

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

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

— paxos1977
fonte