Woraus ein QR-Code besteht
Ein QR-Code ist ein Raster aus dunklen und hellen Quadraten, die Module genannt werden. Das Raster gibt es in 40 Größen, die Versionen genannt werden: Denso Wave, die Firma hinter dem QR Code, führt Version 1 mit 21 × 21 Modulen bis zu Version 40 mit 177 × 177 auf, wobei jede Version 4 Module pro Seite hinzufügt. Du wählst die Version hier nicht aus. Der Generator wählt die kleinste, in die dein Link passt, und zeigt sie unter der Vorschau an.
Kürzere Links ergeben kleinere Raster, und ein kleineres Raster hat bei gleicher Druckgröße größere Module, die ein Handy leichter aus der Entfernung lesen kann. Halte den Link also knapp. UTM-Tags machen ihn länger, deshalb nutzen die Tags hier kurze Kleinbuchstaben-Werte.
Fehlerkorrektur: L, M, Q oder H
QR-Codes tragen zusätzliche Daten, damit ein Handy einen Code noch lesen kann, der zerkratzt, geknickt oder teilweise verdeckt ist. Die Seite zur Fehlerkorrektur von Denso Wave führt vier Level auf, die etwa 7 % (L), 15 % (M), 25 % (Q) und 30 % (H) des Codes wiederherstellen. Ein höheres Level macht den Code auch größer. Dieselbe Seite sagt, Level M werde am häufigsten gewählt, Q oder H eignen sich für Orte, an denen Codes schmutzig werden, und L für saubere Umgebungen mit vielen Daten.
Eine praktische Anwendung davon: M für einen Flyer oder eine Speisekarte, Q oder H für Verpackungen, die angefasst werden, oder einen Aufkleber im Freien, L nur dann, wenn ein langer Link anders nicht passt.
Lass den Rand in Ruhe
Der leere Rand um einen Code ist Teil des Codes. Der Leitfaden zur Codegröße von Denso Wave sagt: “QR Code requires a four-module wide margin at all sides of a symbol.” Deshalb beginnt der Rand hier bei 4. Dieselbe Seite rechnet ein Beispiel vor: bei 0,254 mm pro Modul ist ein Version-3-Code 29 Module, 7,366 mm breit und mit Rand 9,398 mm. Das Tool erlaubt dir, für ein Design mit bereits vorhandenem Weißraum unter 4 zu gehen, und warnt dich dabei.
Farben und Kontrast
Markenfarben funktionieren, solange der Code deutlich dunkler bleibt als sein Hintergrund. Das Tool misst das Kontrastverhältnis mit der WCAG-Formel und markiert alles unter 4:1. Diese Grenze ist unsere eigene vorsichtige Regel, keine Zahl aus dem QR-Standard, weshalb der einzig echte Test ein Scan ist. Es warnt auch, wenn der Code heller ist als der Hintergrund (ein umgekehrter Code), denn Scanner sind auf dunkel auf hell ausgelegt und das Lesen der Umkehrung ist ein zusätzlicher Schritt, den manche Decoder überspringen. Teste jeden gedruckten Code auf ein paar verschiedenen Handys.
UTM-Tags, damit ein Scan nicht nur “direkt” ist
Ein Scan kommt ohne verweisende Seite an, ohne Tags hat deine Analytics also nichts, um ihn einem Flyer zuzuordnen. Setze das UTM-Häkchen und der Generator fügt die Tags zu deinem Link hinzu, bevor er codiert wird, nach denselben Regeln wie unser UTM-Link-Builder: er behält bereits vorhandene Parameter in der Adresse, ersetzt alte UTM-Werte und behält einen #section-Anker am Ende. Google Analytics sagt, du sollst immer utm_source, utm_medium und utm_campaign verwenden, und dass Werte zwischen Groß- und Kleinschreibung unterscheiden, deshalb schreibt das Tool sie klein.
Nutze utm_content, um Platzierungen zu unterscheiden: table-tent-a und table-tent-b oder box-insert und shipping-label. Eine Kampagne, ein Code pro Platzierung, und der Bericht zeigt, welchen die Leute gescannt haben.
PNG oder SVG
Das PNG wird mit ganzen Pixeln pro Modul gezeichnet, damit jede Kante scharf ist. Seine endgültige Größe ist das nächste Vielfache des Rasters, das zu deiner Zahl passt, und das Tool druckt die genaue Größe an. Das SVG ist ein Vektor: es skaliert ohne Unschärfe auf ein Plakat oder eine Visitenkarte und ist das richtige zum Verschicken an eine Druckerei oder zum Einfügen in eine Designdatei.
Was dieses Tool nicht macht
Es kürzt keine Links, verfolgt selbst keine Scans und lässt dich nicht ändern, wohin ein Code nach dem Druck zeigt. Solche “dynamischen” Codes brauchen einen Server dazwischen, und diese Seite hat keinen: Dein Code enthält deinen Link direkt, er funktioniert also so lange, wie die Seite funktioniert, auf die er zeigt. Es fügt keine Logos in die Mitte des Codes ein und prüft nicht, ob der Link lädt. Scanne die heruntergeladene Datei mit deinem eigenen Handy, bevor etwas in den Druck geht.
Wenn du das lieber nicht von Hand machst
Hermoso ist Marketing auf Autopilot: Es recherchiert die Anzeigen, die in deinem Markt bereits funktionieren, erstellt markengerechte Bild- und Video-Ads, plant die Posts und schaltet bezahlte Kampagnen über deine eigenen Werbekonten. Es läuft in der Web-App oder in Claude, ChatGPT und Cursor über seinen MCP-Server.
Kostenlose Tools: UTM-Link-Builder · ·
Häufige Fragen
Laufen diese QR-Codes ab?
Nein. Es sind statische Codes: Der Link ist im Code selbst gespeichert, ohne einen Weiterleitungsdienst dazwischen. Der Code funktioniert, solange die Seite existiert, auf die er verweist.
Welches Fehlerkorrektur-Level sollte ich verwenden?
Denso Wave, das Unternehmen hinter dem QR Code, sagt, dass Level M (etwa 15% Wiederherstellung) am häufigsten gewählt wird, Q oder H eignen sich für Codes, die schmutzig werden, und L eignet sich für saubere Umgebungen mit vielen Daten. Höhere Level erzeugen einen größeren Code.
Wie breit sollte der weiße Rand sein?
Vier Module auf jeder Seite. Denso Wave gibt an, dass der QR Code an allen Seiten eines Symbols einen vier Module breiten Rand benötigt, deshalb beginnt der Rand hier bei 4.
Wie verfolge ich Scans von einem Flyer oder einer Verpackung?
Setze das Häkchen bei UTM und fülle Source, Medium und Campaign aus. Die Tags werden deinem Link hinzugefügt, bevor er kodiert wird, sodass jeder Scan mit diesen Labels in Google Analytics ankommt. Nutze utm_content, um Platzierungen zu unterscheiden.
Kann ich einen farbigen QR-Code erstellen?
Ja. Halte den Code deutlich dunkler als den Hintergrund. Das Tool warnt, wenn der Kontrast gering ist oder die Farben vertauscht sind, und du solltest einen gedruckten Probeabzug auf ein paar Handys scannen.
Wird irgendetwas, das ich eingebe, irgendwohin gesendet?
Nein. Der Code wird in deinem Browser gezeichnet. Es wird nichts hochgeladen oder gespeichert, und beim Neuladen der Seite wird er gelöscht.
Hermoso erstellt die Ads, plant die Posts und steuert die Kampagnen. Kostenlos starten, 250+ verdienbare Gratis-Credits, keine Karte.
Kostenlos starten → Preise ansehen