Canvas, WebGL et audio : trois sources d'empreintes numériques à comprendre

Canvas, WebGL et audio : trois sources d'empreintes numériques à comprendre

Canvas, WebGL et Web Audio peuvent aider à rapprocher des visites sans cookies. Découvre ce que ces API révèlent, comment les navigateurs les protègent et quelles limites garder en tête.

Sécurité & vie privée
Browser.lol
17.05.2026
Lecture : 20 min
Partager

Effacer les cookies supprime un identifiant enregistré. Cela n'empêche pas, à soi seul, un site de demander au navigateur de dessiner une image, de signaler une fonction graphique ou de traiter un signal audio. Les valeurs obtenues peuvent aider à rapprocher des visites. Elles ne constituent ni des identifiants universels ni la preuve qu'un site a reconnu une personne précise.

Canvas, WebGL et Web Audio sont trois sources d'indices sur le navigateur. Leur résultat peut refléter les logiciels, les polices, les réglages, les pilotes et le matériel. Certaines valeurs restent semblables après un redémarrage ; d'autres changent avec une mise à jour ou une protection du navigateur. Un acteur peut les recouper avec un compte ou une adresse réseau. Ce guide explique ces techniques et pourquoi aucun résultat isolé ne prouve l'identité ou l'anonymat.

Une empreinte du navigateur est calculée à partir de caractéristiques observables, plutôt que lue dans un fichier unique. Un script peut condenser le résultat d'un dessin ou d'un traitement audio hors ligne, puis le comparer à des observations ultérieures. Deux valeurs identiques ne désignent pas nécessairement la même personne ; deux valeurs différentes n'excluent pas non plus qu'il s'agisse d'elle. Pour la vue d'ensemble, lis notre introduction à l'empreinte numérique du navigateur. Nous examinons ici trois API du navigateur plus en détail.

Pourquoi examiner ces trois indices

Une empreinte peut intégrer les en-têtes de requête, la taille de l'écran, la langue, le fuseau horaire, les fonctions du navigateur et bien d'autres observations. Les possibilités de collecte dépendent des autorisations, réglages et protections du navigateur. Leur intérêt dépend aussi de la population comparée. Un nombre fixe d'indices ou de bits d'information par champ suggérerait une précision que les données ne justifient pas.

Canvas et WebGL peuvent dessiner un contenu choisi ; un contexte audio hors ligne peut traiter un signal choisi sans le diffuser. Un script peut comparer le résultat ou en calculer un condensé. Le rendu des polices, l'implémentation du navigateur, la pile graphique, les versions logicielles et le matériel peuvent tous peser sur les résultats. Une même machine peut produire des valeurs différentes après une mise à jour ou selon ses réglages, tandis que deux machines peuvent produire les mêmes valeurs. Les recommandations du W3Cdétaillent les limites générales de ces indices.

La recherche montre que les indices graphiques et audio peuvent aider à distinguer des navigateurs, mais leur apport varie selon l'échantillon, la version du navigateur et ses défenses. Ces trois indices sont aussi corrélés : on ne peut pas simplement additionner leur quantité d'information. Laprésentation des recherches par le projet Tordécrit ces techniques et l'absence de protection parfaite. Interprète tout score de test dans le contexte de sa méthode et de ses visiteurs, jamais comme une probabilité universelle d'être reconnu.

L'empreinte obtenue avec Canvas

Fenêtre de navigateur avec une zone Canvas hexagonale entourée de points de mesure et, dessous, des rectangles représentant le condensé calculé

Un script peut dessiner des formes et du texte dans un<canvas> hors écran, lire les pixels ou appeler toDataURL(), puis comparer le résultat ou en calculer un condensé. La page n'a pas besoin d'afficher l'image. Les polices, le rendu du navigateur, les réglages graphiques et les protections peuvent modifier la sortie. Le condensé facilite la comparaison ; ce n'est pas un identifiant attribué par l'appareil.

Répéter un dessin identique dans les mêmes conditions peut produire les mêmes pixels. Cette stabilité n'est toutefois pas garantie entre versions du navigateur, modes de confidentialité, mises à jour ou sites. Une sortie modifiée peut empêcher un rapprochement simple ; une sortie identique peut être commune à de nombreux visiteurs. Un système d'identification combine donc parfois Canvas avec d'autres observations au lieu de s'appuyer sur une seule valeur.

Voici un exemple simplifié de lecture du résultat :

const c = document.createElement("canvas");
const ctx = c.getContext("2d");
ctx.textBaseline = "alphabetic";
ctx.font = "14px 'Arial'";
ctx.fillStyle = "#069";
ctx.fillText("Cwm fjordbank glyphs vext quiz, ", 2, 15);
ctx.fillStyle = "rgba(102,204,0,0.7)";
ctx.fillText("Cwm fjordbank glyphs vext quiz, ", 4, 17);
const png = c.toDataURL();
// Un site peut comparer ou condenser png : ce n'est pas un identifiant universel.

Cet exemple illustre une API, pas la mise en œuvre d'un fournisseur précis. Les navigateurs peuvent rendre ces lectures moins utiles : Brave décrit un brouillage propre à chaque site et sessionpour certaines sorties Canvas et audio, tandis queWebKit décrit l'ajout de bruit en navigation privée. Des réglages du navigateur ou des bloqueurs tiers peuvent aussi arrêter le script. Une protection personnalisée peut modifier le comportement observable : teste les sites et la configuration que tu utilises réellement.

L'empreinte obtenue avec WebGL

Fenêtre de navigateur affichant un maillage de fins triangles, avec une petite icône de puce dans un coin

WebGL permet à une page de demander des opérations graphiques au navigateur ; il ne lui donne pas un accès illimité au GPU. Lorsqu'elle est disponible, l'extension WEBGL_debug_renderer_info peut révéler des chaînes indiquant le fabricant et le moteur de rendu. Une implémentation peut, par exemple, mentionner ANGLE et un modèle de GPU. MDN préciseque les réglages de confidentialité peuvent limiter cette extension. Le niveau de détail et la capacité à distinguer les visiteurs dépendent du navigateur et de l'appareil.

Même sans cette extension, un script peut dessiner une scène choisie et lire les pixels avec readPixels(). Le comportement des programmes graphiques, la précision, les logiciels et le matériel peuvent modifier l'image. On peut calculer un condensé du résultat, mais les protections du navigateur peuvent modifier ou bloquer la lecture, et deux appareils peuvent encore produire la même sortie. La chaîne du moteur et les pixels sont deux indices distincts, pas la preuve d'un GPU ou d'une personne unique.

Limiter les détails du moteur de rendu ou la lecture des pixels peut réduire l'exposition sans supprimer WebGL. Désactiver complètement WebGL peut gêner les sites qui dépendent de la 3D et d'autres fonctions graphiques accélérées. Firefox propose le réglage webgl.disabled et sa protection contre l'empreinte numérique désactive l'extension de débogage du moteur de rendu. Brave a aussiprésenté de nouvelles protections des informations GPU. Vérifie la disponibilité et le comportement exacts avec la version et le mode de protection que tu utilises.

L'empreinte obtenue avec AudioContext

Fenêtre de navigateur affichant une onde sur un axe horizontal et, dessous, des rectangles représentant une valeur calculée

Un script peut créer un OfflineAudioContext, traiter un signal choisi dans un circuit audio et examiner le tampon d'échantillons obtenu. Ce circuit peut comprendre un oscillateur et un compresseur. Le rendu hors ligne crée un tampon sans envoyer de son aux haut-parleurs ; la comparaison porte sur les valeurs des échantillons, pas sur ce qu'une personne entend. Consulte ladocumentation d'OfflineAudioContext.

Selon l'implémentation et les réglages, un même circuit peut produire des échantillons différents. Un script peut comparer une partie des valeurs ou calculer un condensé du tampon, mais les différences ne sont pas garanties. Des systèmes distincts peuvent aussi produire des valeurs identiques. Les protections du navigateur peuvent modifier la sortie. Il s'agit d'un indice possible, pas d'un numéro de série matériel durable.

L'audio peut apporter de l'information à une comparaison, sans qu'on puisse lui attribuer un nombre de bits universel. Sa sortie peut être corrélée à des caractéristiques du navigateur ou de la plateforme déjà visibles par Canvas et WebGL. Des protections existent : Brave décrit un brouillage de Web Audio et WebKit un ajout de bruit en navigation privée. Des résultats Canvas et audio concordants peuvent renforcer une hypothèse dans une population donnée. Ils ne prouvent pas que deux visites viennent de la même personne.

Comparer les trois méthodes

Chaque API révèle un type d'information différent. Ce qu'un site peut lire et la stabilité du résultat dépendent du navigateur et de ses réglages.

IndiceCe qui peut être observéCe qui peut le modifierProtections disponiblesCompromisÀ vérifier dans ton navigateur
CanvasPixels obtenus en dessinant des formes et du texte choisisPolices, moteur de rendu, version, mode privéBlocage du script, contrôle de lecture, ajout de bruitLe blocage peut gêner des outils de dessin légitimesCompare les modes normal et privé
WebGLDétails du moteur graphique ou pixels 3D choisisCircuit GPU, pilotes, règles du navigateur, mises à jourLimiter les détails ou la lecture des pixels ; désactiver l'APILa désactivation peut casser des fonctions graphiquesTeste l'extension et la lecture des pixels
AudioContextÉchantillons d'un traitement audio hors ligneMoteur du navigateur, réglages, protectionsAjout de bruit, limites de l'API, blocage du scriptUn blocage large peut gêner l'audio sur le webTeste la version et le niveau de sécurité utilisés

Une protection peut modifier les valeurs observables, et une combinaison inhabituelle peut parfois ressortir du lot. Cela dépend de la population comparée et des autres indices du navigateur. Plusieurs lectures issues de la même pile logicielle ne constituent pas des preuves indépendantes : additionner leurs estimations d'entropie serait trompeur. Évalue l'ensemble des indices exposés et les sites que ta configuration doit prendre en charge.

Comment Tor Browser traite ces API

Tor Browser cherche à rendre ses utilisateurs plus difficiles à distinguer. Ses protections dépendent de la version, de la plateforme et du niveau de sécurité. Il a notamment utilisé des demandes de confirmation avant la lecture de Canvas et des restrictions sur WebGL. Son ancien comportement ne décrit pas forcément chaque installation actuelle. Laprésentation du projet Torexplique son approche et met explicitement en garde contre l'idée d'une uniformité parfaite des empreintes.

La protection audio a elle aussi évolué. D'anciennes versions de Tor Browser désactivaient Web Audio face au risque d'identification ; Tor Browser 14 a réactivé ses API. Cette annonce ne démontre pas que le navigateur actuel laisse échapper une signature audio unique. Une conclusion sérieuse devrait préciser la version, le système d'exploitation, le niveau de sécurité et l'opération audio testée.

Les niveaux de sécurité de Tor contrôlent aussi les fonctions que les pages peuvent exécuter. Au niveau le plus élevé, JavaScript est désactivé par défaut : un script ordinaire qui sonde Canvas, WebGL ou l'audio peut donc ne pas s'exécuter. Ces restrictions peuvent affecter les sites. Consulte leguide actuel des niveaux de sécuritéet teste la configuration exacte au lieu de faire une affirmation absolue sur une API.

Ce que changent les protections disponibles

Ces sorties dépendent aussi des logiciels et des réglages, pas seulement du matériel. Chaque protection agit à un niveau différent ; aucune ne garantit à elle seule l'anonymat.

Utiliser un autre appareil

Un autre appareil peut produire des résultats graphiques ou audio différents. Des valeurs identiques restent possibles, et un site peut encore relier les activités par un compte ou des informations que tu saisis. Séparer physiquement des usages peut répondre à un risque précis ; acheter un autre appareil n'est pas un remède général au pistage sur le web.

Démarrer sur un autre système d'exploitation

Un autre système peut changer les polices, les pilotes et l'état du navigateur, sans forcément modifier chaque valeur testée. Tails est un exemple d'environnement conçu pour cet usage, avec ses propres règles réseau et de navigation. Il faut l'évaluer dans son ensemble plutôt que de regarder seulement si trois résultats diffèrent. Changer de système impose aussi des contraintes pratiques et de compatibilité.

Utiliser un navigateur distant conteneurisé

Avec Browser.lol, le code des pages s'exécute dans une session distante, pas directement dans ton navigateur local. Le site peut donc voir des indices de navigateur, de graphisme, de polices et d'audio différents de ceux de ton appareil. Plusieurs sessions peuvent partager une image ou une infrastructure, et les profils enregistrés peuvent conserver l'état du navigateur. Une nouvelle session ne garantit pas de nouvelles valeurs pour les trois API ni l'impossibilité de relier les visites par un compte, le réseau ou d'autres observations. Vérifie la session et sa configuration de sortie réelles.

Installer une extension de brouillage, avec prudence

Certaines extensions modifient la lecture de Canvas ou de WebGL, bloquent des scripts ou limitent l'accès aux API. Leur effet dépend de la version et des réglages ; une combinaison personnalisée peut elle-même être observable. Les protections intégrées, comme le brouillage de Brave ou celui de Safari en navigation privée, offrent d'autres approches. Vérifie que tes sites importants fonctionnent et considère chaque protection comme une partie d'un ensemble.

FAQ

Peut-on désactiver le canvas dans Chrome ?

Chrome ne propose pas de réglage simple qui désactive toutes les opérations Canvas tout en conservant le fonctionnement normal des pages. Une extension peut bloquer ou modifier toDataURL(), mais des outils de dessin et d'autres sites peuvent dépendre de Canvas. Les protections du navigateur, le blocage des scripts et l'utilisation d'un environnement séparé présentent chacun leurs compromis. Teste les sites dont tu as besoin.

Un VPN change-t-il l'empreinte de mon navigateur ?

Un VPN sur ton appareil modifie le trajet réseau et, généralement, l'adresse IP visible par un site consulté localement. À lui seul, il ne change pas l'implémentation locale de Canvas, WebGL ou Web Audio. D'autres réglages ou indices du navigateur peuvent varier indépendamment. Avec un navigateur distant, ce VPN modifie le trajet jusqu'au service, pas la sortie du navigateur vers les sites.

Pourquoi mon résultat change-t-il après une mise à jour Windows ?

Une mise à jour peut modifier le navigateur, le pilote graphique, les polices ou le rendu et donc changer le résultat d'un test. Elle peut aussi laisser certaines valeurs intactes. Aucun des deux cas ne démontre qu'un site peut ou ne peut pas rapprocher tes visites : comptes, cookies, adresses IP et autres indices peuvent créer des liens. Compare le même test avant et après si tu veux comprendre une configuration précise.

Ces valeurs sont-elles uniques prises séparément ?

Pas nécessairement. De nombreux navigateurs peuvent partager une valeur, qui peut aussi changer entre deux mesures. Recouper plusieurs indices peut améliorer la distinction dans un échantillon, mais des causes communes rendent les valeurs dépendantes : on ne peut ni supposer leur pouvoir d'identification ni additionner des nombres de bits annoncés isolément. Un test est relatif à sa population et à sa méthode, pas une preuve d'identité universelle.

La navigation privée aide-t-elle contre ces indices ?

La navigation privée limite l'historique et les données conservés localement après la fermeture de la fenêtre. Certains navigateurs y ajoutent des protections contre l'empreinte numérique : la sortie des API peut donc différer de celle d'une fenêtre normale. Elle ne promet ni de cacher tous les indices ni d'empêcher un site de relier des visites par un compte. Vérifie les protections actuelles de ton navigateur et les sites que tu utilises.

Ce qu'il faut retenir

Canvas, WebGL et Web Audio peuvent fournir des indices sans qu'un site ait besoin de cookies. Leurs résultats dépendent à la fois du navigateur, des réglages, des polices, des pilotes et du matériel. Leur utilité pour rapprocher des visites varie selon la population et évolue avec les protections. Navigation privée, défenses du navigateur, blocage des scripts et outils réseau répondent à des risques différents.

Commence par mettre ton navigateur à jour et utiliser ses réglages de confidentialité documentés. Pour une tâche qui gagne à exécuter les pages ailleurs que sur ton appareil, un navigateur distant déplace cette frontière, tout en apportant ses propres questions de profil, de réseau et de confiance dans le service. Compare la configuration exacte que tu utiliseras, y compris le niveau de sécurité et l'état enregistré. Une valeur différente ne prouve pas que deux visites sont impossibles à relier ; une valeur identique ne prouve pas qu'elles viennent de la même personne.

Besoin d’une session isolée pour ta prochaine tâche ?

Ouvre un navigateur de bureau isolé, directement depuis le tien.

Lancer une session

Aucun navigateur à installer • Fonctionnalités selon l’offre

Utile pour la recherche et les tests
Navigateur de bureau diffusé sur ton appareil
Quelques étapes pour démarrer

Derniers articles

Tous les articles