JPKCom DB

QR — Tipps & Tricks

Strategie und Stolperfallen für QR-Codes: Fehlerkorrektur, Quiet Zone, Kontrastwarnungen, Logo erzwingt High, Scan-Test, SVG vs. Raster, echtes Gerät.

Zurück zur Übersicht: QR · Tool live öffnen: www.jpkc.com/tools/qr/

Einen QR-Code zu erzeugen ist schnell gemacht — dass er auch unter realen Bedingungen scannt, ist die eigentliche Kunst. Diese Seite sammelt, worauf es ankommt. Die technischen Grundlagen stehen im Manual.

Fehlerkorrektur richtig wählen

Die Stufe Error Correction (L/M/Q/H) ist der wichtigste Hebel für Robustheit — und ein Kompromiss:

  • Höhere Stufe = mehr Redundanz, aber dichterer Code. H (~30 %) überlebt Schmutz, Knicke und ein Logo; L (~7 %) packt mehr Inhalt in einen kleineren Code, ist aber empfindlich.
  • Faustregel: Display und sauberer Druck → M. Druck auf Papier, kleine Codes, raue Umgebung → Q oder H.
  • Mit Logo bleibt dir die Wahl ohnehin abgenommen: Sobald du ein Mittelbild setzt, erzwingt das Tool H und sperrt das Feld. Das ist gewollt, weil das Logo Module verdeckt.

Rand nicht vergessen: die Quiet Zone

Ein QR-Code braucht laut Spezifikation eine ruhige, helle Fläche von mindestens vier Modulen ringsum, damit der Scanner ihn vom Umfeld trennt. Eine fehlende oder zu knappe Quiet Zone ist eine der häufigsten Ursachen, warum Codes in der Praxis nicht lesen.

Das Tool nimmt dir das standardmäßig ab: Der Schalter Quiet zone of 4 modules (recommended) ist an und berechnet den Rand passend zur Modulzahl. Lass ihn an, wenn du den Code als fertige Datei weitergibst. Ausschalten lohnt sich nur, wenn dein Layout den Weißraum selbst liefert — etwa weil der Code in einem Kasten mit großzügigem Innenabstand sitzt. Wird der manuelle Rand dabei zu knapp, warnt das Tool mit „Quiet zone smaller than 4 modules", und der Knopf Use N px stellt die Automatik mit einem Klick wieder her.

Beachte: Der Rand liegt innerhalb der unter Size gewählten Kantenlänge. Ein 350-px-Code mit automatischem Rand hat also eine etwas kleinere Modulfläche als einer ohne Rand.

Kontrast entscheidet über die Scanbarkeit

QR-Scanner brauchen klaren Hell-Dunkel-Kontrast. Das Tool rechnet ihn nach der WCAG-Formel für jedes Farbpaar aus Punkten, eigenen Eckfarben und Hintergrund nach und warnt unter der Vorschau:

  • Unter 3:1 meldet es „Low contrast" (rot), unter 4,5:1 „borderline" (gelb). Ziel für Druck und schlechtes Licht sind 7:1 oder mehr — Schwarz auf Weiß liegt bei 21:1.
  • Dunkle Punkte auf hellem Grund ist der sichere Standard. Die umgekehrte Variante (helle Punkte auf dunklem Grund) funktioniert auf vielen, aber nicht allen Geräten — das Tool warnt mit „Light code on a dark background (inverted)", und der Scan-Test meldet dann „Only readable by scanners that support inverted codes".
  • Bei Farbverläufen zählt jeder Farbstopp: Die Prüfung nimmt das ungünstigste Paar, also auch die hellste Stelle des Verlaufs gegen den Hintergrund.
  • Transparenter Hintergrund sieht im Layout gut aus, verlagert die Verantwortung für den Kontrast aber auf den Untergrund. Das Tool rechnet in diesem Fall gegen Weiß — liegt dein Untergrund dunkler, ist die Rechnung zu optimistisch. Prüfe den Code auf dem tatsächlichen Material.

Logo: weniger ist mehr

Ein Logo macht den Code zur Marke, aber jedes verdeckte Modul kostet Robustheit:

  • Image Size lieber bei 30–40 % halten als ans Maximum (60 %) zu gehen.
  • Hide dots behind image eingeschaltet lassen — das räumt die Module unter dem Logo sauber frei.
  • Das Tool zwingt mit Logo auf H; verlass dich nicht blind darauf. Der Scan-Test unter der Vorschau zeigt sofort, ob das Logo zu viel verdeckt — danach testest du den Code mit verschiedenen Geräten.
  • Ein Logo kostet Kapazität: Stufe H fasst höchstens 1273 Bytes statt 2331 bei M. Meldet das Tool „Too much content", entfernst du das Logo oder kürzt den Inhalt.

SVG vs. PNG/JPEG/WebP

Wähle das Exportformat nach Verwendung:

  • SVG — verlustfreier Vektor, beliebig skalierbar, erste Wahl für Druck und Layout. Über Copy SVG geht es sogar direkt in HTML oder eine Design-Datei.
  • PNG / WebP — Rasterformate mit Transparenz; gut fürs Web. Die Size bestimmt die Pixelauflösung.
  • JPEG — Rasterformat ohne Transparenz. Transparente Bereiche (transparenter Hintergrund, abgerundete Hintergrundecken) werden schwarz — mit dunklen Punkten ist der Code dann unlesbar. Für QR-Codes selten die beste Wahl; wenn doch, dann nur mit deckendem Hintergrund ohne Corner Roundness.

Inhalt kurz halten

Je mehr Daten, desto höher die nötige QR-Version und desto dichter (und schwerer scannbar) der Code. Die Kapazitätszeile unter der Vorschau zeigt dir Bytes, Version und Modulzahl live — beobachte sie, während du kürzt. Praktische Konsequenzen:

  • URLs kürzen, statt lange Tracking-Parameter mitzuschleppen.
  • Bei einer vCard nur die wirklich nötigen Felder füllen.
  • Sonderzeichen kosten mehr: Umlaute belegen in UTF-8 zwei Bytes, viele Emoji vier. Reiner ASCII-Text aus Ziffern oder Großbuchstaben lässt sich dagegen kompakter kodieren.
  • Reicht dir ein langer Text trotzdem nicht in den Code, senke testweise die Fehlerkorrektur — oder teile den Inhalt anders auf.

Circle-Form bewusst einsetzen

Die Option QR Shape: Circle setzt den vollständigen Code verkleinert ins einbeschriebene Quadrat des Kreises und füllt den Kreisring drumherum mit dekorativen Modulen. Das sieht gut aus, hat aber zwei Haken: Der eigentliche Code wird kleiner (Kantenlänge ÷ √2), und zwischen Code und Deko-Modulen bleibt nur ein Modul frei — die automatische Vier-Module-Ruhezone gilt nur außerhalb des Kreises. Eine höhere Fehlerkorrektur gleicht die fehlende Ruhezone nicht aus. Plane die Kreisform deshalb größer ein als einen quadratischen Code und verlass dich nicht allein auf den Scan-Test im Browser — den Ausschlag gibt der Test mit echten Geräten.

Immer mit einem echten Gerät testen

Der Scan-Test unter der Vorschau ist ein guter erster Filter: Er dekodiert den Code im Browser und vergleicht das Ergebnis Byte für Byte mit deinem Inhalt. Er prüft aber ein sauberes Digitalbild — nicht ein Foto bei Kunstlicht, auf glänzendem Papier oder aus zwei Metern Abstand. Deshalb versieht das Tool die Erfolgsmeldung bei Warnungen mit dem Zusatz „Cameras and print need more". Vor jeder Veröffentlichung oder jedem Druck:

  • mit mehreren Smartphones (iOS und Android) und der jeweils nativen Kamera testen,
  • bei gedruckten Codes einen Probedruck in realer Größe scannen,
  • auf den Scan-Abstand und die Beleuchtung achten, unter denen der Code später wirklich gelesen wird.

Den passenden Inhaltstyp wählen

Ein roher Text tut es oft, aber die Vorlagen sparen dem Gegenüber Arbeit:

  • Phone Call statt Nummer als Text — der Scan bietet direkt das Wählen an.
  • Location (Geo) statt Adresse als Text — der Ort öffnet sich in der Karten-App.
  • Calendar Event statt Datum im Fließtext — der Termin landet im Kalender. Fülle dabei mindestens Title und Start aus; die Zeiten gelten als Ortszeit des Smartphones.
  • WiFi Network mit WPA3 only (SAE) nur für reine WPA3-Netze; für Mischbetrieb bleibt WPA/WPA2 (also WPA2/WPA3 mixed) die richtige Wahl.

Kombination mit anderen JPKCom-Tools

  • Cryptor (AES-256) — ein kurzes Chiffrat erzeugen und als QR-Code weitergeben; das Passwort getrennt übermitteln.
  • Passwort- & Schlüssel-Generator — eine starke Zeichenkette erzeugen, die du als QR-Inhalt verteilst. WLAN-Schlüssel und TOTP-Geheimnisse zeigt der Generator direkt mit eigenem QR-Code an; für einen gestalteten WLAN-Aushang trägst du das Passwort hier unter WiFi Network ein.
  • Grafik-Tools — ein Logo auf die richtige Größe und ein passendes Format bringen, bevor du es als Mittelbild einsetzt.

Die vollständige Funktionsbeschreibung steht im Manual, konkrete Durchläufe in den Beispielen. Ausprobieren kannst du alles im Tool.