Passer au contenu
Traduit automatiquement de l'anglais. Voir l'original
Glossaire · Prise d'empreintes digitales

Empreinte digitale sur toile

Identifier un appareil à partir de minuscules différences dans la façon dont il restitue un dessin sur toile HTML.

Définition

L'empreinte digitale du canevas est une technique dans laquelle une page dessine du texte ou des formes avec le HTML Canvas API et relit les pixels résultants. Étant donné que le rendu dépend du GPU, du pilote graphique, des polices et de l'anticrénelage, la sortie peut différer légèrement d'un appareil à l'autre et un hachage de celui-ci devient un signal d'empreinte digitale.

Diagramme : le script est dessiné sur le canevas, l'appareil le restitue, les pixels sont hachés
Diagramme éditorial (illustration simplifiée, pas une capture d'écran du produit).

Comment ça marche

  • Un script crée un élément de canevas (souvent invisible) et dessine du texte, des emoji, des dégradés ou des formes avec le contexte 2D.
  • Il lit le résultat avec des méthodes telles que toDataURL(), qui renvoie l'image sous forme d'URL de données, ou getImageData().
  • Les données de pixels sont hachées. Des configurations identiques ont tendance à produire des hachages identiques ; ce n'est souvent pas le cas de différents matériels ou piles de polices.

Pourquoi c'est important

  • Il ne nécessite aucune demande d'autorisation et fonctionne sans cookies, il est donc largement utilisé par les scripts de suivi et anti-fraude.
  • C'est l'un des signaux que les navigateurs antidétection et les navigateurs axés sur la confidentialité tentent de contrôler, soit en rendant la sortie cohérente, soit en ajoutant du bruit.

Limites et idées fausses courantes

  • "La toile seule m'identifie." C'est un signal ; il est généralement combiné avec d'autres tels que WebGL, les polices et les données d'écran.
  • "L'ajout de bruit aléatoire est invisible." Le bruit qui change à chaque lecture peut lui-même être détecté en dessinant deux fois la même image et en la comparant.
Exemple : Dessiner la même phrase dans la même police sur un ordinateur portable avec des graphiques intégrés et sur un ordinateur de bureau avec un GPU discret peut produire des différences de pixels invisibles à l'œil nu mais différentes une fois hachées.

Aucun navigateur ou proxy ne peut garantir que les comptes ne seront pas restreints. Suivez les règles de chaque plateforme.

Termes associés

  • Empreinte digitale du navigateur — Une combinaison de caractéristiques du navigateur et de l'appareil permettant d'identifier un navigateur sans cookies.
  • Empreinte digitale WebGL — Utilisation des informations graphiques WebGL et du rendu du résultat pour identifier un périphérique.