¿Para qué sirve un archivo gif vacío (1x1 pix)?

12

He visto algunas páginas aleatorias que mencionan el uso de imágenes gif vacías para aumentar de alguna manera el rendimiento. También he encontrado que el nginx tiene un módulo solo para este propósito. Lo que no puedo entender es cómo se supone que servir este pequeño archivo aumenta el rendimiento o la capacidad de respuesta percibida de un servidor web. ¿Alguien puede ayudarme a comprender los beneficios?

Sean
fuente
1
Me encantaría saber esto también. Siempre los he visto, pero nunca pensé en preguntarme por qué ...
Mark Henderson

Respuestas:

20

1x1 archivos gif son utilizados por algunos sitios web para el espaciado entre elementos conjunto (en particular en los sitios web de más edad, cuando se hizo la interpretación de HTML / CSS de los navegadores eran más divergentes tos IE tos

También se usan con más frecuencia hoy como objetivo de solicitud para "píxeles de seguimiento", que se usan como una herramienta para recopilar estadísticas de uso, etc., especialmente para campañas de correo electrónico / marketing.

La razón por la que proporcionaría un módulo especial para este archivo es que (a) se solicita con frecuencia y (b) devuelve lo mismo cada vez, por lo que no querrá tener que ir al disco para el archivo si puede evitarlo

Lucas Wilson-Richter
fuente
Siempre escuché que era principalmente para rastrear a los usuarios, por lo que los "ellos" oscuros lo incrustarían como un tirón desde otro servidor o ubicación para un fácil seguimiento de los hits y también lo enviarían por correo electrónico incrustado en correos html para saber si leyeron el mensaje o no; La versión del recibo de lectura del spammer en personas que no deshabilitan los mensajes HTML / RTF y, por lo tanto, los cosechan como direcciones exitosas para vender a otros spammers.
Bart Silverstrim
Ese es un uso común en el correo electrónico, sí. Para los sitios web, esa técnica ha sido reemplazada principalmente por JavaScript como Google Analytics.
ceejayoz
También conocido Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif verifique wiki Link1 y Link2 , uno de los usos con la imagen de banderas css sprites en este sitio.
shaijut
8

No estoy seguro de aumentar el rendimiento, pero las imágenes de 1x1 píxeles se usan comúnmente en el seguimiento. Comúnmente conocido como un error web (o baliza), esta imagen hace que el navegador realice una solicitud HTTP al servidor desde el que se origina la imagen. Esta solicitud puede ser examinada para obtener información de seguimiento (por ejemplo, IP, navegador, referencia, etc.).

Samuel Karp
fuente
2

Hacer una búsqueda en Google de " gif de un píxel " o " gif de un solo píxel " devuelve muchos artículos que analizan la técnica de usar ese archivo para posicionar elementos de una página web.

Desde Optimización del diseño: GIF de un píxel (1 de enero de 2000):

En los primeros días del diseño web, las limitaciones de HTML inspiraron a los diseñadores a encontrar todo tipo de soluciones para tener control sobre el diseño de las páginas. Una de las soluciones más importantes fue el truco GIF de un solo píxel, que utiliza un GIF de un solo píxel y lo modifica con los atributos de altura, ancho, espacio h y espacio vs de la etiqueta IMG.

El GIF en sí es pequeño y prácticamente no requiere tiempo de descarga. Y, dependiendo de si el píxel individual es transparente o no, el resultado puede usarse como un espaciador, o como una regla horizontal o vertical.

Pausado hasta nuevo aviso.
fuente
2

La inclusión de imágenes 1x1 no aumenta el rendimiento, lo disminuye: es una solicitud HTTP adicional, una pequeña cantidad de ancho de banda adicional, etc.

Ese módulo está pensado simplemente para hacer que el descenso en el rendimiento más pequeño (por servir a la imagen de forma más eficiente), como la técnica de 1x1 píxeles para la colocación de elementos de la página puede ser útil.

ceejayoz
fuente
Tal vez fue un malentendido que la naturaleza 1x1 de la imagen está optimizada para hacer su trabajo, sea lo que sea (seguimiento, espaciado, etc.), con el rendimiento más óptimo.
Xonatron
pero sprites CSS aumentar el rendimiento, 1x1 imágenes también conocidos transparent.gif , Spacer.gif , Clear1x1.gif , blank.gif cheque wiki Link1 y Link2 , una de las banderas Uso de Imágenes con sprites CSS en este sitio.
shaijut
@stom Esto no tiene nada que ver con los sprites CSS.
ceejayoz
1

También se utilizan para la imagen spriting; Se utiliza una pequeña imagen transparente como el atributo src de una etiqueta de imagen, y la imagen real es una imagen de fondo CSS. La ventaja de rendimiento proviene de que el fondo CSS es solo parte de una sola imagen que combina muchas imágenes de la página, reduciendo el número de solicitudes generales.

Ver por ejemplo:

brazalete
fuente
Esta debería ser la respuesta principal. Hay mucha buena información en las otras respuestas sobre cosas que se pueden hacer con gifs de un solo píxel, pero esta es la única respuesta que describe una razón de rendimiento para usarlos.
mc0e
0

Todas las grandes respuestas anteriores. Hay otro uso para el módulo.

Cuando desee bloquear la publicación de anuncios en su red, si simplemente niega las URL solicitadas, el navegador carga los tiempos de espera (o aparece un mensaje de bloqueo en la página). La solución es redirigir el tráfico del navegador a un sitio interno que sirve una imagen en blanco (en lugar de negar la URL de solicitud).

Algunos trucos que se pueden usar para hacer la redirección son las reglas de reescritura de Dnsmasq y Squid.

paxos1977
fuente