Advanced Browser Fingerprinting: Canvas, WebGL, and Audio
Beyond basic information, websites use more sophisticated techniques to gather identifiers from your graphics and audio hardware.
Your hardware creates traces that cannot be perfectly replicated.
These are the most critical components that make a browser fingerprint unique, and also the hardest elements to spoof.
1. Canvas Fingerprinting
The website asks your browser to use the HTML5 Canvas element to draw a hidden image or text. Due to differences in graphics cards, drivers, operating systems, and even installed fonts, the final image result will have tiny, pixel-level differences. The website then hashes this image data to create a unique identifier string.
2. WebGL Fingerprinting
Similar to Canvas, WebGL (Web Graphics Library) is used to render 2D and 3D graphics in the browser. A fingerprinting script will ask the browser to render a complex 3D scene. The final result heavily depends on the GPU model, driver version, and various other graphics settings of the system. Information about the GPU vendor and renderer is also collected, forming a very strong identifier.
3. AudioContext Fingerprinting
This is a less common but also very effective technique. The website uses the AudioContext API to generate a low-frequency sound signal (inaudible to the human ear) and process it. The way the sound card and drivers on your computer process this signal will produce an output waveform with distinct characteristics. This waveform is then analyzed to create an identifier.
The combination of these three techniques, along with other basic information, creates an extremely accurate browser fingerprint, making complete anonymity very difficult without specialized tools like antidetect browsers.
Also available in Vietnamese
Read Vietnamese version →