WebGL- und WebGPU-Checker

Finde heraus, was dein Browser grafisch kann. Dieses Tool prüft, ob dein Browser WebGPU, WebGL 2 und WebGL 1 unterstützt, und zeigt dann deine GPU, wichtige Limits und Gerätedetails. Alles läuft lokal in deinem Browser, nichts wird hochgeladen.

Warum das für Web-Spiele zählt

Wenn du Browser-Spiele baust oder spielst, entscheidet die Rendering-API darüber, was möglich ist. WebGL 2 ist die verlässliche Basis, die fast überall funktioniert. WebGPU ist die neuere API, die Compute Shader und moderne GPU-Funktionen freischaltet, deren Unterstützung aber je nach Browser und Gerät schwankt. Nachzusehen, was ein Gerät tatsächlich meldet, ist der schnellste Weg, "bei mir läuft es"-Probleme zu debuggen und zu entscheiden, ob du einen WebGPU-Pfad mit WebGL-2-Rückfall ausliefert.

Besonders nützlich ist die Zeile mit GPU-Hersteller und Renderer. Sie sagt dir, ob ein Browser auf der echten GPU läuft oder auf langsames Software-Rendering zurückfällt, eine häufige Ursache rätselhafter Einbrüche der Bildrate.

Was geprüft wird

• WebGPU: ob navigator.gpu existiert, Hersteller und Architektur des Adapters sowie Limits wie maximale Texturgröße, maximale Puffergröße und Compute-Workgroup-Größen, dazu die Liste der unterstützten Features.
• WebGL 2 und WebGL 1: Unterstützung, GPU-Hersteller und Renderer, GLSL-Version und Limits wie maximale Texturgröße, Renderbuffer-Größe und Vertex-Attribute.
• Gerät: Pixelverhältnis, logische CPU-Kerne, Gerätespeicher, Bildschirmgröße und Anzahl der Berührungspunkte.

WebGPU gegen WebGL: der Unterschied

WebGL und WebGPU sind beide Wege, von einer Webseite aus mit der GPU zu sprechen, sie stammen aber aus verschiedenen Epochen.

WebGL basiert auf OpenGL ES, einer Grafik-API aus den 2000ern. WebGL 1 erschien 2011, WebGL 2 im Jahr 2017. Es ist eine reine Grafik-Pipeline: Du gibst Vertices und Shader hinein, es zeichnet Pixel. Es ist überall, es ist stabil, und darauf lief ein Jahrzehnt lang fast jedes Browser-Spiel.

WebGPU ist der moderne Ersatz, entworfen entlang der Funktionsweise heutiger GPUs (darunter bildet es auf Vulkan, Metal und Direct3D 12 ab). Es erschien 2023 in Chrome und erreichte bis Ende 2025 alle großen Browser. Die beiden großen Zugewinne sind Compute Shader (allgemeine Arbeit auf der GPU, nicht nur Zeichnen, was für Physik, Partikel, Culling und KI zählt) und deutlich geringere CPU-Last, sodass du weit mehr Objekte pro Frame schaffst.

	WebGL 2	WebGPU
Erschienen	2017	2023, breite Unterstützung ab Ende 2025
Basiert auf	OpenGL ES 3.0	Vulkan / Metal / D3D12
Compute Shader	nein	ja
CPU-Last	höher	deutlich geringer
Shader-Sprache	GLSL	WGSL
Browser-Unterstützung	überall	nur moderne Browser
Beste Rolle	verlässliche Basis	Leistungs- und Compute-Upgrade

Die praktische Erkenntnis für 2026: WebGPU ist schneller und leistungsfähiger, WebGL 2 hat aber weiterhin die größere Reichweite. Die meisten Teams liefern WebGL 2 als Basis aus und ergänzen einen WebGPU-Pfad, wo er verfügbar ist. Engines wie Three.js, Babylon.js und PlayCanvas machen das mit WebGL-2-Rückfall bereits automatisch, und genau deshalb prüft der Checker oben beides.

WebGPU-Fähigkeiten erklärt

WebGPU hat über den Kern hinaus eine Reihe optionaler Features. Der Checker gruppiert sie danach, wie sie für ein Spiel relevant sind, und hier steht, was jede Gruppe leistet. Jeder Featurename unten verweist auf seine Definition in der W3C-WebGPU-Spezifikation.

Texturkompression: BC, ETC2 und ASTC

GPU-komprimierte Texturen bleiben im Videospeicher komprimiert und senken damit VRAM-Verbrauch und Downloadgröße weit stärker als PNG oder JPEG. Der Haken ist, dass die Formate hardwarespezifisch sind. Desktop-GPUs sprechen BC (auch S3TC oder DXT genannt), die meisten Android-Geräte sprechen ETC2, und moderne Mobilgeräte sprechen ASTC. Für jedes Gerät auszuliefern heißt meist, mehr als ein Format bereitzustellen, oft über einen KTX2-Container mit Basis Universal, der in das transkodiert, was das Gerät unterstützt. Die "Sliced 3D"-Varianten erweitern BC und ASTC auf volumetrische 3D-Texturen. Deshalb listet der Checker jedes Format einzeln auf, so weißt du genau, welche komprimierten Texturen du auf dieses Gerät ausliefern kannst.

Shader und Compute

Hier zieht WebGPU an WebGL vorbei. Compute Shader lassen dich allgemeine Arbeit auf der GPU ausführen, nicht nur Zeichnen, und genau das treibt GPU-Partikel, Physik, Culling und KI auf dem Gerät an. shader-f16 ergänzt 16-Bit-Fließkommazahlen für ungefähr doppelten Rechendurchsatz, wo volle Präzision nicht nötig ist. subgroups lassen Threads einer GPU-Wave Daten direkt teilen, ohne den Umweg über den Speicher, ein großer Gewinn bei Reduktionen und Präfixsummen. float32-filterable erlaubt weiches Filtern hochpräziser Texturen, genutzt in HDR und datenlastigen Effekten.

Rendering und Blending

Diese Features schalten höhere Ausgabequalität frei. float32-blendable und rg11b10ufloat-renderable ermöglichen HDR und Render-Targets mit hohem Dynamikumfang. dual-source-blending unterstützt fortgeschrittene Blend-Effekte wie sauberen Subpixel-Text und bestimmte Transparenztechniken. bgra8unorm-storage lässt Shader direkt in gängige Swapchain-Formate schreiben.

Tiefe und Clipping

depth-clip-control und depth32float-stencil8 geben genaue Kontrolle über den Tiefenpuffer, was für Schatten, große offene Welten und das Vermeiden von Z-Fighting zählt. clip-distances lässt Shader Geometrie an eigenen Ebenen abschneiden, nützlich für Portale, Wasserspiegelungen und Spiegel.

Profiling und Kern

timestamp-query liest Zeitmessungen auf GPU-Seite, damit du genau profilierst, wie lange Passes dauern, der Schlüssel zum Beheben von Bildratenproblemen. indirect-first-instance unterstützt GPU-getriebenes Rendering, bei dem die GPU entscheidet, was gezeichnet wird. core-features-and-limits ist die Basis, die jedes konforme WebGPU-Gerät unterstützen muss.

Was die GPU-Limits bedeuten

Das Detailfeld meldet die Limits, die deine GPU offenlegt. Die für Spiele wichtigsten:

• GPU-Renderer / Hersteller — der tatsächliche Grafikchip, den dein Browser nutzt. Steht dort SwiftShader oder llvmpipe, läuft Software-Rendering und Spiele werden langsam.
• Maximale Texturgröße — die größte Texturdimension, die die GPU annimmt (üblich sind 8192 oder 16384 px). Sie begrenzt die Auflösung deiner Texturen und Render-Targets.
• Maximale Compute-Workgroup-Größe (WebGPU) — wie viele Threads ein Compute Shader pro Gruppe ausführen kann, relevant, wenn du Physik oder Partikel auf die GPU auslagerst.
• Maximale Puffergröße (WebGPU) — der größte einzelne GPU-Puffer, eine Obergrenze dafür, wie viel Geometrie oder Daten du auf einmal hochladen kannst.
• Geräte-Pixelverhältnis — wie viele physische Pixel hinter jedem CSS-Pixel stehen. High-DPI-Bildschirme (2x, 3x) rendern weit mehr Pixel, eine häufige versteckte Ursache niedriger Bildraten auf Handys.

Häufige Fragen

Unterstützt mein Browser WebGPU?

Führ den Checker oben aus. Zeigt WebGPU "Unterstützt", legt dein Browser die WebGPU-API offen und hat einen passenden GPU-Adapter gefunden. Stand 2026 wird WebGPU standardmäßig in Chrome und Edge (ab 113), Firefox und Safari 26 unter macOS, iOS und iPadOS ausgeliefert, ältere Browser und manche Geräte haben aber weiterhin nur WebGL 2. Das Tool liest deine tatsächlichen Fähigkeiten aus und ist damit die verlässlichste Antwort für genau dein Setup.

Was ist der Unterschied zwischen WebGL und WebGPU?

WebGL ist die langjährige Browser-Grafik-API auf Basis von OpenGL ES, und WebGL 2 ist ihre breit unterstützte Version. WebGPU ist die neuere API, entworfen entlang der Funktionsweise moderner GPUs, mit Compute Shadern und geringerer Last. WebGPU ist schneller und leistungsfähiger, WebGL 2 hat aber die breitere Unterstützung, die meisten Web-Spiele liefern also WebGL 2 als Basis aus und nutzen WebGPU, wo es verfügbar ist.

Warum wird meine GPU als Software oder "SwiftShader" angezeigt?

Zeigt die Renderer-Zeile etwas wie SwiftShader, llvmpipe oder "Software", rendert dein Browser auf der CPU statt auf der GPU. Meist heißt das, dass Hardwarebeschleunigung deaktiviert ist, ein Treiber auf einer Sperrliste steht oder du in einer eingeschränkten Umgebung bist. Hardwarebeschleunigung in den Browsereinstellungen zu aktivieren oder den GPU-Treiber zu aktualisieren behebt das normalerweise, und es ist eine häufige Ursache schwacher Performance bei Web-Spielen.

Ist dieser WebGL-Checker sicher? Lädt er etwas hoch?

Er ist sicher und komplett lokal. Das Tool liest nur Fähigkeitsinformationen, die dein Browser ohnehin jeder Webseite offenlegt, und läuft vollständig in deinem Browser. Es wird nichts hochgeladen oder gespeichert.

Verwandt

• Tech-Stack für Web-Spiele 2026 — WebGL, WebGPU und Wasm erklärt
• WebGPU-Einstieg — schreib deinen ersten WebGPU-Code
• WebGL-Grundlagen für Spiele — die Basics, mit Code
• Die besten Web-Game-Engines 2026 — welche Engine welche API nutzt
• Cinevva Engine — unsere Web-first-Engine, WebGL mit WebGPU-Pfad