QR Code Studio
Gestalte stilvolle QR-Codes direkt im Browser und exportiere sie als saubere, beliebig skalierbare Vektoren.
Was ist QR Code Studio?
QR Code Studio ist eine kleine, abhängigkeitsfreie Web-App zum Erzeugen stilvoller QR-Codes und zum Export als saubere Vektor-SVGs (oder hochauflösende PNGs). Alles läuft im Browser, ohne Build-Schritt und ohne dass Daten an einen Server gesendet werden.
Statt flacher schwarzer Quadrate bekommst du Kontrolle über Modulformen, die Augen der Suchmuster, Farben und Verläufe sowie ein zentriertes Logo. Das Rendering ist eigenes SVG auf Basis eines bewährten QR-Encoders, sodass die Ausgabe in jeder Größe gestochen scharf bleibt.
Echte QR-Codes, von uns entwickelt
Wir haben QR Code Studio selbst entwickelt, aus einem Grund: Viele QR-Generatoren im Netz leiten deinen Code heimlich über ihre eigene Domain um. Der Code enthält dann nicht deinen Link, sondern ihren, der anschließend zu dir weiterleitet. So lassen sich alle Scans verfolgen und in manchen Fällen dein Ziel später abschalten, solange du nicht zahlst. Wir nennen keine Namen, aber es kommt häufig genug vor, dass du davon wissen solltest. QR Code Studio macht nichts davon.
Nur deine Daten, sonst nichts
Der Code kodiert genau das, was du ins Inhaltsfeld eingibst. Keine Weiterleitung, kein Link-Kürzer, keine dazwischengeschobene fremde Domain. Was du liest, wird gescannt.
Läuft komplett im Browser
Es gibt kein Backend und keinen API-Aufruf. Das gesamte Kodieren und Rendern passiert lokal auf deinem Gerät. Nichts, was du eingibst, wird hochgeladen, gespeichert oder protokolliert, weder von uns noch von sonst jemandem.
Für immer deins, nie widerrufen
Weil die Daten im Code selbst stecken, kann dein QR nicht ablaufen oder aus der Ferne abgeschaltet werden. Einmal heruntergeladen funktioniert er weiter, ohne Konto und ohne Abo.
So unterscheidest du einen echten QR-Code von einer Falle
Nicht jeder Generator ist ehrlich. So prüfst du, ob ein Code deine Daten enthält und keinen Umweg über einen fremden Server nimmt.
Dekodiere ihn, bevor du ihm vertraust
Öffne den Code in einem beliebigen Reader oder in der Kameravorschau deines Handys und lies den Rohtext. Er sollte exakt deine URL oder dein Text sein, nicht eine seltsame Domain wie qr-xyz.io/r/Ab12.
Achte auf eine Weiterleitungs-Domain
Zeigt der gescannte Link auf eine Domain, die du nicht kennst, und springt erst danach zu deiner Seite, leitet der Generator jeden Scan über sich selbst.
Sei vorsichtig bei "dynamischen" oder editierbaren Codes
Ein Code, den du nach dem Druck noch ändern kannst, ist eine Weiterleitung, die der Anbieter kontrolliert. Er funktioniert nur, solange dessen Dienst läuft, und oft nur, solange du dafür zahlst.
Jetzt kostenlos, später Bezahlschranke
Will ein "kostenloses" Tool ein Konto oder Abo, um "deinen Code aktiv zu halten", liegen die echten Daten auf deren Server, nicht im Code. Ein echter statischer QR braucht das nie.
Alles, um einen Code zu gestalten
Modulformen
Quadrat, abgerundet, fließend (nachbarschaftsbewusste zusätzliche Rundung, die verbundene Bereiche zu weichen Formen verschmelzen lässt) und Punkte mit einstellbarer Größe.
Augen-Stil
Eckige, abgerundete, runde oder blattförmige Rahmen und Bälle der Suchmuster, mit optionaler separater Augenfarbe.
Farbe und Verläufe
Einfarbiger Vordergrund, linearer Verlauf mit einstellbarem Winkel oder radialer Verlauf, dazu ein eigener oder vollständig transparenter Hintergrund.
Logo-Einbettung
Lege ein Bild in die Mitte und entferne optional die Module dahinter, damit es auf einer sauberen Fläche sitzt.
Vektor- und Raster-Export
Als SVG herunterladen, PNG in beliebiger Auflösung exportieren oder das SVG-Markup direkt in die Zwischenablage kopieren.
Geprüfte Scanbarkeit
Steuerung von Ruhezone und Fehlerkorrektur, UTF-8-Inhalte und Stile, die gegen reale Decoder geprüft wurden.
Stilvoll, aber trotzdem scanbar
Schöne QR-Codes nützen nichts, wenn Handys sie nicht lesen können. Jeder Formstil wurde gerendert und dekodiert, um zuverlässiges Scannen zu bestätigen.
Alle Formstile werden mit ZXing dekodiert, dem Decoder, den echte Handy-Scanner verwenden, über alle Größen hinweg.
Ein besonders strenger Decoder. Halte die Punktgröße hoch, wenn du ihn unterstützen musst; das Timing-Muster wird stets in voller Größe als Anker gerendert.
Beim Einbetten eines Logos die Fehlerkorrektur H verwenden, damit der Code die verdeckten Module verkraftet.
Kostenlos und Open-Source
QR Code Studio ist reines HTML, CSS und JavaScript mit einem einzigen MIT-lizenzierten QR-Encoder. Das öffentliche Repository ist in Arbeit.
Lizenz
MIT
Stack
HTML · JS
Export
SVG · PNG
Repository
GitHub folgt bald
Häufige Fragen
Alles über QR Code Studio
Ja. Jeder Formstil wurde mit ZXing gerendert und dekodiert, der Bibliothek, auf die echte Handy-Scanner setzen, über verschiedene Größen hinweg. Für die strengsten Decoder die Punktgröße hoch halten und beim Einbetten eines Logos Fehlerkorrektur H verwenden.
Du kannst ein sauberes SVG-Vektorbild herunterladen, ein PNG in beliebiger Auflösung bis 8192 Pixel exportieren oder das rohe SVG-Markup direkt in die Zwischenablage kopieren.
Ja. Lege ein Bild in die Mitte, passe die Größe an und entferne optional die Module dahinter, damit es auf einer sauberen Fläche sitzt. Verwende Fehlerkorrektur H für das zuverlässigste Ergebnis.
URLs, Klartext, WLAN-Netzwerk-Strings und beliebige UTF-8-Inhalte inklusive Emoji. Höhere Fehlerkorrektur und längere Inhalte erzeugen einen dichteren Code.
Nein. QR Code Studio läuft vollständig im Browser, ohne Build-Schritt und ohne Server. Nichts, was du eingibst, verlässt dein Gerät.
Weil viele Online-Generatoren deinen Link heimlich in ihre eigene Weiterleitungs-Domain verpacken, um Scans zu verfolgen oder dich später zur Kasse zu bitten, damit der Code aktiv bleibt. Wir wollten ein Tool, das nur kodiert, was du eingibst, komplett im Browser ohne Backend läuft und Codes erzeugt, die nie ablaufen.
Nimm Kontakt mit uns auf
Du kennst nun unseren Prozess, jetzt ist der nächste Schritt an der Reihe. Lass uns gemeinsam daran arbeiten, deine Online-Präsenz auf das nächste Level zu bringen. Warte nicht länger, vereinbare noch heute ein Gespräch mit uns und wir schauen, wie wir deinem Business mehr Sichtbarkeit verschaffen können.