QR-Editor online

Code

Exportieren

Einen QR-Code lesen

Die Kamera startet …

Das Kamerabild wird nur in deinem Browser gelesen - nichts wird aufgezeichnet oder gesendet.

Meine Dokumente

Klicke auf ein Dokument, um es zu öffnen. Die Dokumente sind nur in diesem Browser gespeichert - nichts wird hochgeladen. Wenn du die Website-Daten des Browsers löschst, sind sie weg: Lade also die herunter, die du behalten willst.

KI-Assistent

Jede KI kann mit dir arbeiten - ChatGPT, Claude, Gemini, Copilot.

  1. Klicke auf Prompt kopieren.
  2. Füge ihn in deine KI ein und sag, was der Code enthalten oder wie er aussehen soll.
Die KI soll

Das QR-Dokument reist im Link nach dem «#», den kein Server sieht. Was du in deine KI einfügst, verarbeitet ihr Anbieter.

Auf deinem Server speichern

Der Editor kann jede gespeicherte Fassung an deinen eigenen Server senden (einen Webhook), damit deine Arbeit dort liegt, wo du sie haben willst. Gesendet wird erst, wenn du hier eine Adresse eingibst.

Was dein Server erhält

Eine POST-Anfrage mit JSON (dein Server muss CORS von https://qr.giit.ch erlauben):

{ "editor": "qr", "event": "save", "id": "…", "name": "Guest WiFi",
  "content": "color: #1d2b53\n---\nWIFI:T:WPA;S:Guest;P:sunny-day-42;;",
  "updated": "2026-01-15T09:30:00.000Z" }
Den Editor in deine Website einbetten
<iframe src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:80vh;border:0"></iframe>
<script>
const frame = document.querySelector('iframe');
addEventListener('message', e => {
  if (e.origin !== 'https://qr.giit.ch' || e.source !== frame.contentWindow) return;
  if (e.data.type === 'qreditor:ready')
    frame.contentWindow.postMessage({ type: 'qreditor:load', name: 'Shop',
      content: 'https://example.com/shop' }, 'https://qr.giit.ch');
  if (e.data.type === 'qreditor:save') saveOnYourServer(e.data.content);
});
</script>

Auch möglich: ?src=<URL einer .qr-Datei> öffnet eine Datei, &webhook=<URL> speichert dieses Dokument dort. Der Editor kann sich auch in einem eigenen Fenster öffnen (?embed=window), und deine Seite kann ihm einen eigenen KI-Prompt und einen Sitzungsschlüssel übergeben, damit die KI ihr Ergebnis an deinen Server schickt (qreditor:ai, qreditor:key-request) - siehe «Den Editor in deiner eigenen Website nutzen» unter dem Editor. Die Einzelheiten stehen in llms.txt.

Hilfe

So funktioniert es

  1. Wähle, was der Code enthält, unter Neu oder im Tab Inhalt: einen Link, ein WLAN, einen Kontakt, einen Termin, eine Zahlung … Das Formular schreibt den Inhalt so, wie Handys ihn lesen.
  2. Gestalte ihn im Tab Design: Farben und Verlauf, die Form der Module und der drei Augen, ein Logo, eine Beschriftung und einen Rahmen.
  3. Der Code links ist das ganze QR-Dokument: Designzeilen key: value, eine Zeile ---, dann der Inhalt genau so, wie er in den Code kommt. Du kannst auch dort tippen; jede Änderung ist ein Schritt für Rückgängig.
  4. Prüfen: Nach jeder Änderung liest der Editor den Code zurück - normal, klein und unscharf. Die Anzeige über dem Code sagt, ob er scannt; der Tab Prüfen zeigt Kontrast, Ruhezone, das Logo im Vergleich zur Fehlerkorrektur und die Druckgrösse.
  5. Klicke auf die Beschriftung unter dem Code, um sie direkt dort zu ändern.
  6. Exportieren macht SVG, PDF und EPS (Vektoren für den Druck), PNG, JPEG oder WebP in jeder Grösse und viele Codes auf einmal aus einer Tabelle: Schreib {{column}} in den Inhalt, füge die Tabelle ein, lade ein ZIP oder ein PDF herunter.
  7. Einen Code lesen: Öffne ein Bild, zieh es ins Fenster oder füge es ein, oder klicke auf Scannen für die Kamera. Der Inhalt wird ein neues Dokument.

Tastenkürzel

Ctrl + Z / Y
Rückgängig / wiederholen
Ctrl + S
Speichern (SVG herunterladen oder auf deinen Server)
Ctrl + E
Exportieren
Ctrl + O
Meine Dokumente
Ctrl + V
Ein Bild mit einem QR-Code einfügen, um ihn zu lesen
Alt + Z
Lange Zeilen im Code umbrechen

QR-Codes kostenlos erstellen, die nie ablaufen - gestaltet, geprüft und privat

Der QR-Editor erstellt QR-Codes für Links, WLAN, Kontakte, Termine, E-Mails, SMS, Orte und Zahlungen. Du gestaltest sie mit Farben, Verläufen, Formen, einem Logo und einer Beschriftung, und der Editor liest jeden Code zurück, damit du sicher bist, dass er scannt - bevor du ihn druckst. Exportiere SVG, PDF und EPS für den Druck oder PNG in jeder Grösse.

Die Codes sind statisch: Der Inhalt steckt im Code selbst, nicht hinter einer Weiterleitung, die aufhört zu funktionieren, wenn ein Probeabo endet. Es gibt keine Anmeldung, keine Werbung und kein Scan-Limit, und alles geschieht in deinem Browser - nichts, was du tippst oder scannst, wird hochgeladen.

Was der QR-Editor kann

Zwölf Arten von Inhalt

Links, Text, WLAN (WPA, WEP, offen, versteckt), Kontakte als vCard oder MeCard, E-Mail, SMS, Telefon, Ort, Kalendertermine, Bitcoin und Ethereum, SEPA-Zahlungen (EPC-GiroCode) und die Schweizer QR-Rechnung - jede Art mit Formular und Prüfungen.

Design

Farben, lineare und radiale Verläufe, transparenter Hintergrund, sieben Modulformen, vier Augenrahmen und fünf Augenmitten in eigener Farbe, ein Logo aus eingebauten Symbolen oder deinem Bild, Beschriftung und Rahmen.

Per Scan geprüft

Jeder Code wird im Browser zurückgelesen, normal, klein und unscharf. Kontrast, Ruhezone und das Logo im Vergleich zur Fehlerkorrektur werden geprüft, und die Druckgrösse ergibt sich aus dem Scan-Abstand.

Export für Druck und Web

SVG, PDF und EPS als Vektoren mit Verläufen und Logo; PNG bis 8192 Pixel mit eingetragenen dpi, JPEG und WebP. Kostenlos, ohne Anmeldung.

Viele Codes auf einmal

Schreib Platzhalter wie {{url}} in den Inhalt, füge eine Tabelle ein und lade ein ZIP mit SVG- oder PNG-Dateien herunter oder ein PDF mit einem Code pro Seite.

QR-Codes lesen

Öffne ein Bild, zieh es ins Fenster oder füge es ein, oder scanne mit der Kamera - auch helle Codes auf dunklem Hintergrund. Der Inhalt wird ein Code, den du ändern kannst.

Warum statische Codes

Viele «kostenlose» QR-Code-Generatoren erstellen dynamische Codes: Der Code enthält einen kurzen Link auf ihren Server, der zu deiner Adresse weiterleitet. Endet das Probeabo oder ist ein Scan-Limit erreicht, schalten sie die Weiterleitung ab oder zeigen zuerst Werbung - und jeder gedruckte Code funktioniert nicht mehr. Ein statischer Code enthält die Adresse, das WLAN-Passwort oder den Kontakt selbst und funktioniert darum weiter, ohne dass jemand dazwischen steht. Der QR-Editor erstellt nur statische Codes und warnt, wenn der Inhalt ein Linkverkürzer ist.

So funktioniert es

  1. Wählen - wähle unter «Neu» eine Art von Code und füll das Formular aus, oder tippe den Inhalt.
  2. Gestalten und prüfen - ändere Farben, Formen, Logo und Beschriftung; die Anzeige über dem Code zeigt, ob er noch scannt.
  3. Exportieren - lade SVG, PDF, EPS oder PNG herunter, oder erstelle viele Codes aus einer Tabelle.

Den Editor in deiner eigenen Website nutzen

Jede https-Seite (und localhost) kann den Editor mit einem <iframe> und ?embed=1 einbetten - ohne Anmeldung, ohne Schlüssel. Eingebettet blendet der Editor diesen Text aus und zeigt einen Speichern-Knopf. Füge camera zum allow des iframes hinzu, wenn darin Codes gescannt werden sollen.

1. Eine Datei über einen Link öffnen, auf deinem Server speichern

src= öffnet eine .qr-Datei (dein Server muss CORS erlauben), webhook= lässt «Speichern» (Ctrl+S) das QR-Dokument an diese Adresse senden. Füge &auto hinzu, um nach jeder Änderung zu speichern.

<iframe src="https://qr.giit.ch/?embed=1&src=https://your-site.com/codes/shop.qr&webhook=https://your-site.com/save.php"
        allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>

Der Webhook erhält einen POST mit JSON { editor: "qr", event: "save", id, name, content, updated }; content ist das QR-Dokument (Designzeilen, ---, der Inhalt).

2. Deine Seite hält das Dokument (postMessage)

Der Editor meldet qreditor:ready, deine Seite antwortet mit qreditor:load, der Editor meldet qreditor:loaded, qreditor:change bei echten Änderungen und qreditor:save, wenn gespeichert wird. Deine Seite kann qreditor:get (der aktuelle Stand) oder qreditor:save (Speichern drücken) senden. Ein blosser Inhalt ohne Designzeilen ist ein gültiges Dokument.

<iframe id="ed" src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>
<script>
const ed = document.getElementById('ed');
const ORIGIN = 'https://qr.giit.ch';
addEventListener('message', e => {
  if (e.source !== ed.contentWindow || e.origin !== ORIGIN) return;
  const m = e.data;
  if (m.type === 'qreditor:ready')
    ed.contentWindow.postMessage({ type: 'qreditor:load', name: 'Table 12',
      content: 'color: #1d2b53\ncaption: Table 12\n---\nhttps://example.com/menu?table=12' }, ORIGIN);
  if (m.type === 'qreditor:save') saveOnYourServer(m.name, m.content);
});
</script>

3. In einem eigenen Fenster, und KI über deinen Server

window.open("https://qr.giit.ch/?embed=window", "qreditor-17") öffnet den ganzen Editor in einem eigenen Fenster, mit denselben Nachrichten. Deine Seite kann dem Editor auch einen eigenen KI-Prompt, eine https-Adresse auf deiner Website und einen Schlüssel für diese Editor-Sitzung übergeben (ai: { label, prompt, endpoint, key } in qreditor:load oder qreditor:ai); die KI schickt ihr Ergebnis dann dorthin. Der Editor sendet den Schlüssel nie selbst und speichert ihn nie.

Einen Code nur anzeigen (Viewer)

?viewer=1 zeigt nur den fertigen Code mit Herunterladen und Exportieren: Nichts lässt sich ändern, und nichts wird gespeichert. Das Dokument kommt über einen Link (#b64=, #qr=, ?src=), von deiner Seite mit qreditor:load oder per POST an post.php (Feld content oder b64, optional name).

Das ganze Protokoll steht in llms.txt. Die anderen giit-Editoren funktionieren gleich, mit ihrem eigenen Präfix - editors.giit.ch.

Häufige Fragen

Laufen meine QR-Codes ab?

Nein. Der QR-Editor erstellt statische Codes: Der Link, das WLAN-Passwort oder der Kontakt steckt im Code selbst, nicht hinter einer Weiterleitung auf unserem Server. Sie funktionieren, solange der Inhalt gültig ist - ohne Konto, Abo oder Scan-Limit.

Ist das wirklich kostenlos?

Ja. Jede Art von Inhalt, jede Design-Option, der Export als SVG, PDF und EPS, die Scan-Prüfung und viele Codes aus einer Tabelle sind kostenlos, ohne Anmeldung, Werbung oder Wasserzeichen.

Werden meine Daten an einen Server gesendet?

Nein. Die Codes werden in deinem Browser erstellt, geprüft und exportiert. Auch Bilder und das Kamerabild, das du scannst, werden im Browser gelesen und nie hochgeladen.

Scannt mein QR-Code mit Logo noch?

Der Editor sagt es dir. Er vergleicht den Teil des Codes, den das Logo verdeckt, mit dem, was die Fehlerkorrektur reparieren kann, und liest den fertigen Code zurück - normal, klein und unscharf. Scannt er nicht zuverlässig, siehst du es, bevor du druckst.

Welches Dateiformat nehme ich für den Druck?

SVG, PDF oder EPS: Das sind Vektoren, die in jeder Grösse scharf bleiben, mit Verläufen und Logo. Für ein Bild PNG mit der Grösse in Millimetern und 300 dpi.

Kann ich eine Schweizer QR-Rechnung oder einen SEPA-Zahlungscode erstellen?

Ja. Die Formulare prüfen die IBAN, die QR-IBAN mit ihrer QR-Referenz, die Gläubigerreferenz (RF) und jede Feldlänge. Die QR-Rechnung wird mit Schweizerkreuz und Fehlerkorrektur M gezeichnet, wie es der Standard verlangt.

Kann er QR-Codes lesen?

Ja. Öffne ein Bild, zieh es ins Fenster oder füge es ein, oder nutze die Kamera mit Scannen. Der Inhalt wird ein neuer Code, den du ändern kannst.

Wie gross muss ein gedruckter QR-Code sein?

Etwa ein Zehntel des Scan-Abstands: 2 cm für 20 cm, 10 cm für einen Meter. Der Tab Prüfen rechnet es aus und warnt, wenn ein Modul kleiner als 0.4 mm wird.