À quoi sert un fichier gif (pix 1x1) vide?

12

J'ai vu quelques pages aléatoires mentionner l'utilisation d'images gif vides pour augmenter les performances. J'ai également trouvé que le nginx a un module juste pour cela. Ce que je ne peux pas comprendre, c'est exactement comment le fait de servir ce petit fichier est censé améliorer les performances ou la réactivité perçue d'un serveur Web. Quelqu'un peut-il m'aider à comprendre les avantages?

Sean
la source
1
J'adorerais le savoir aussi. Je les ai toujours vus, mais je n'ai jamais pensé à me demander pourquoi ...
Mark Henderson

Réponses:

20

Fichiers GIF 1x1 sont utilisés par certains sites Web à l' espacement entre les éléments de jeu ( en particulier sur les sites plus anciens, fait lorsque les interprétations des navigateurs de HTML / CSS étaient plus divergentes toux IE toux

Ils sont également utilisés plus souvent aujourd'hui comme cible de demande pour les «pixels de suivi», qui sont utilisés comme un outil pour collecter des statistiques d'utilisation, etc., en particulier pour les campagnes de courrier électronique / marketing.

La raison pour laquelle vous fourniriez un module spécial pour ce fichier est que (a) il est demandé souvent, et (b) il renvoie la même chose à chaque fois, donc vous ne voulez pas avoir à aller sur le disque pour le fichier si vous peut l'éviter.

Lucas Wilson-Richter
la source
J'avais toujours entendu dire que c'était principalement pour le suivi des utilisateurs, donc les «ils» ténébreux l'intégraient comme une traction à partir d'un autre serveur ou emplacement pour un suivi facile des hits et l'envoyaient également par e-mail intégré dans les e-mails html pour savoir si vous lisez le message ou ne pas; Version du accusé de réception de lecture sur les personnes qui ne désactivent pas les messages HTML / RTF et les récoltent ainsi en tant qu'adresses réussies à vendre à d'autres spammeurs.
Bart Silverstrim
C'est une utilisation courante dans le courrier électronique, oui. Pour les sites Web, cette technique a été principalement remplacée par JavaScript comme Google Analytics.
ceejayoz
Aussi connu Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif vérifier wiki Link1 et Link2 , une des images utilisées avec les drapeaux css sprites sur ce site.
shaijut
8

Je ne suis pas sûr d'augmenter les performances, mais les images 1x1 pixel sont couramment utilisées dans le suivi. Communément appelée bogue Web (ou balise), cette image oblige le navigateur à envoyer une requête HTTP au serveur d'où provient l'image. Cette demande peut ensuite être examinée pour le suivi des informations (par exemple IP, navigateur, référent, etc.).

Samuel Karp
la source
2

Faire une recherche Google pour " un pixel gif " ou "un seul pixel gif " renvoie de nombreux articles qui discutent de la technique d'utilisation de ce fichier pour positionner des éléments d'une page Web.

Extrait d' Optimizing Design: GIF à un pixel (1er janvier 2000):

Au début de la conception Web, les limitations HTML ont inspiré les concepteurs à trouver toutes sortes de solutions de contournement afin de contrôler la mise en page des pages. L'une des solutions de contournement les plus importantes a été l'astuce GIF à pixel unique, en utilisant un GIF à pixel unique et en le modifiant avec les attributs height, width, hspace et vspace de la balise IMG.

Le GIF lui-même est minuscule et ne nécessite pratiquement aucun temps de téléchargement. Et, selon que le pixel unique est transparent ou non, le résultat peut être utilisé comme espaceur, ou comme règle horizontale ou verticale.

En pause jusqu'à nouvel ordre.
la source
2

Inclure des images 1x1 n'augmente pas les performances, il les diminue - c'est une demande HTTP supplémentaire, une petite quantité de bande passante supplémentaire, etc.

Ce module est simplement destiné à faire de la diminution de la performance plus faible (en servant l'image plus efficace), comme la technique de pixel 1x1 pour le positionnement des éléments sur la page peut être utile.

ceejayoz
la source
C'est peut-être un malentendu que la nature 1x1 de l'image est optimisée pour faire son travail, quelle qu'elle soit (suivi, espacement, etc.), avec les performances les plus optimales.
Xonatron
mais les sprites css augmentent les performances, images 1x1. Aussi connu Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif vérifier wiki Link1 et Link2 , une des utilisations avec l'image des drapeaux css sprites sur ce site.
shaijut
@stom Cela n'a rien à voir avec les sprites CSS.
ceejayoz
1

Ils sont également utilisés pour le sprite d'image; une petite image transparente est utilisée comme attribut src d'une balise d'image, et l'image réelle est une image d'arrière-plan CSS. L'avantage en termes de performances provient du fait que l'arrière-plan CSS n'est qu'une partie d'une seule image qui combine de nombreuses images de la page, ce qui réduit le nombre de demandes globales.

Voir par exemple:

armb
la source
Cela devrait être la principale réponse. Il y a beaucoup de bonnes informations dans les autres réponses sur les choses qui peuvent être faites avec des gifs à pixel unique, mais c'est la seule réponse qui décrit une raison de performance pour les utiliser.
mc0e
0

Toutes les bonnes réponses ci-dessus. Il existe une autre utilisation du module.

Lorsque vous souhaitez empêcher l'affichage des annonces sur votre réseau, si vous refusez simplement les URL demandées, les temps de chargement du navigateur en souffrent (ou vous obtenez un message de blocage affiché sur la page). La solution consiste alors à rediriger le trafic du navigateur vers un site interne servant une image vierge (plutôt que de refuser l'URL de demande).

Certaines astuces pouvant être utilisées pour effectuer la redirection sont les règles de réécriture Dnsmasq et Squid.

paxos1977
la source