QR-Code auf dem Flyer: So wird er wirklich gescannt

Ein Café bei mir um die Ecke hat 500 Flyer für seine neue Online-Bestellseite drucken lassen. Schöner Flyer — gutes Foto, klare Headline, Markenfarben. In der unteren Ecke saß ein QR-Code, ungefähr so groß wie eine Briefmarke, weiß auf Schwarz gedruckt und über das Foto eines Latte gelegt.

Scans in der ersten Woche: vier. Zwei davon war der Inhaber, der es selbst ausprobiert hat.

Am Design lag es nicht. Es lag am QR-Code, und der scheiterte gleich an drei voneinander unabhängigen Dingen, die sich alle in rund neunzig Sekunden beheben lassen — wenn man sie kennt, bevor die Datei in die Druckerei geht. Der QR-Code ist das eine Element auf einem Flyer, das entweder funktioniert oder nicht; dazwischen gibt es nichts. Text, der ein bisschen zu klein ist, wird mit zusammengekniffenen Augen trotzdem gelesen. Ein Code, der ein bisschen zu klein ist, versagt einfach.

Diese Faktoren entscheiden wirklich darüber, ob ein gedruckter Code gescannt werden kann.

Wie groß muss ein QR-Code auf einem Flyer sein?

Es gibt genau eine Zahl, die du dir merken musst: Scan-Abstand geteilt durch 10.

Das ergibt die Mindestbreite des Codes selbst. Wer einen Flyer in der Hand hält, liest ihn aus rund 30 cm Entfernung — der Code muss also mindestens 3 cm breit sein (etwa 1.2 inches). Das ist deutlich größer, als die meisten ihn intuitiv anlegen: Ein 3-cm-Quadrat auf einem A5-Flyer ist ein sichtbares Element, keine Fußnote.

Wo er sitzt	Typischer Scan-Abstand	Mindestbreite des Codes
Flyer oder Handzettel, in der Hand	30 cm	3 cm
Tischaufsteller, Thekenkarte	60 cm	6 cm
Fensteraufkleber, A4-Poster	1,5 m	15 cm
A2-Poster im Flur	3 m	30 cm
Plane, Event-Banner	10 m	100 cm

Die Abstand-durch-zehn-Regel ist eine Untergrenze, kein Zielwert. Wenn der Platz es hergibt, geh 20–30 % über diesen Wert hinaus. Denn in der Realität wird bei schlechtem Licht gescannt, schräg von der Seite, im Vorbeigehen — und nicht unter den Bedingungen, unter denen du es am Schreibtisch getestet hast.

Zwei Dinge schrumpfen die wirksame Größe unbemerkt. Erstens: Eine lange URL erzeugt einen dichteren Code. Ein Tracking-Link mit 90 Zeichen presst weit mehr Module in dasselbe Quadrat als brewlane.co/order, jedes einzelne Modul wird dadurch physisch kleiner und für eine Kamera schwerer aufzulösen. Kürze den Link, bevor du den Code erzeugst. Zweitens: Eine niedrige Druckauflösung verwischt die Modulkanten. Exportiere als SVG, wenn dein Generator das anbietet, sonst als PNG mit mindestens 300 DPI in der endgültigen Druckgröße.

Der weiße Rand ist nicht optional

Jeder QR-Code braucht eine Ruhezone: einen freien Rand von mindestens vier Modulen auf allen vier Seiten. In der Praxis heißt das: ein leerer Rahmen von rund 10 % der Codebreite — ein 3-cm-Code sitzt also in einem freien Quadrat von 3,6 cm.

Der Scanner erkennt an diesem leeren Rand, wo der Code überhaupt beginnt. Drängen sich eine Headline, eine Fotokante oder ein Zierrahmen heran, braucht er mehrere Sekunden, bis er greift — oder er greift nie. Die meisten Generatoren liefern die Ruhezone in der Exportdatei mit; kaputt geht sie typischerweise, wenn beim Layouten jemand „das hässliche Weiß“ wegschneidet. Nicht wegschneiden.

Genau daran scheiterte der Flyer des Cafés als Erstes: Der Code steckte in einer Ecke, an zwei Seiten die Flyerkante, an der dritten ein Foto.

Dunkler Code auf hellem Grund. Immer.

Zwei Regeln, gegen die ständig verstoßen wird, weil invertierte Codes nun mal besser aussehen:

Niemals invertieren. Ein weißer Code auf dunklem Grund lässt sich von manchen modernen Handykameras zwar decodieren, und auf deinem iPhone am Schreibtisch klappt er — genau deshalb geht so etwas überhaupt in Druck. Viele Lesegeräte aber erwarten weiterhin dunkle Module auf hellem Feld: ältere Android-Kameras, die Scanner in Banking- und Kundenkarten-Apps, günstige POS-Scanner. Du willst nicht erst nach 500 bezahlten Drucken herausfinden, zu welcher Fraktion deine Kundschaft gehört.

Niemals über ein Foto legen. Auch nicht über ein kontrastarmes, geschmackvoll weichgezeichnetes. Der Scanner braucht eine harte Grenze zwischen Hell und Dunkel, ein Foto liefert ihm ein bewegliches Ziel. Wenn dein Flyer ein randabfallendes Bild ist, setz den Code auf eine deckend weiße Fläche mit abgerundeten Ecken, die über dem Foto liegt. Diese Fläche wirkt wie gewolltes Design und nicht wie ein Pflaster.

Wenn der Code zur Marke passen soll, färb stattdessen die dunklen Module in deine Markenfarbe ein — ein tiefes Navy oder ein kräftiges Blau funktioniert problemlos, solange es gegen Weiß wirklich dunkel bleibt. Hellblaue Module auf Weiß scheitern. Dieselbe Kontrastlogik gilt für Schrift, worüber ich in lesbarer Text über einem Foto geschrieben habe.

Sag den Leuten, was sie davon haben

Ein nackter QR-Code verlangt einen Vertrauensvorschuss. Niemand hält 2026 die Kamera auf ein unbeschriftetes Quadrat — Parkautomaten und dubiose Aufkleber haben uns das gründlich abgewöhnt.

Setz direkt unter den Code eine kurze Zeile, die sagt, was beim Scannen passiert. Nicht „Scan mich“. Etwas Konkretes:

• Scannen und vorbestellen
• Scannen für die ganze Karte
• Scannen für 20 % Rabatt auf die erste Bestellung

Setz zusätzlich die reine URL in kleiner Schrift daneben. Das gibt den Leuten einen Ausweg und lässt den Code seriös aussehen statt wie von einem Fremden draufgeklebt.

Wenn ein Logo in die Mitte des Codes soll, erzeug ihn mit Fehlerkorrekturstufe H — diese Stufe verkraftet rund 30 % Beschädigung, und genau darauf läuft das Abdecken der Mitte hinaus. Bei Stufe L oder M zerstört ein Logo in der Mitte den Code komplett.

Ridvay Studio erzeugt jetzt den echten Code

Das ist neu, und es verändert den Ablauf: Du kannst im Prompt einen QR-Code von Studio verlangen, und es entsteht ein echter, scanbarer Code, der auf deinen Link zeigt. Kein separater Generator, kein PNG herunterladen, kein erneutes Hochladen, sobald sich die URL ändert.

Ein Punkt gehört ausdrücklich gesagt, weil genau hier die Falle bei KI-Designtools liegt: Der Code läuft nicht durch ein Bildmodell. Bitte einen allgemeinen Bildgenerator um „einen Flyer mit QR-Code“, und du bekommst eine überzeugende Textur — Suchmuster ungefähr an den richtigen Stellen, ein Modulraster, das täuschend echt aussieht, und nicht ein Bit an Daten darin. Auf Fotos macht es etwas her, gescannt wird es nie. Ridvay erzeugt den Code mit einem echten Encoder aus deiner URL und setzt ihn als Vektorelement ein. Das hat zwei Folgen, auf die es ankommt:

• Er ist exakt. Der Code enthält deinen Link, wird von einer normalen Handykamera decodiert, und du kannst ihn im Editor prüfen, bevor irgendetwas gedruckt wird.
• Er ist ein Vektor, damit ist Auflösung kein Thema mehr. Exportier ihn in A5, A2 oder Planengröße — die Modulkanten bleiben hart. Die 300-DPI-Sorge von oben gilt für Bitmap-Codes, die du von woanders hineinkopiert hast; ein im Design erzeugter Code verliert nichts.

Änderst du die Ziel-URL, wird der Code neu erzeugt. Allein das erledigt den häufigsten QR-Fehler der Praxis, der gar kein Designfehler ist: einen Flyer, der auf einen Link zeigt, den es an dieser Stelle nicht mehr gibt.

Wo er auf dem Flyer hingehört

Unten rechts, im unteren Drittel, ist nicht ohne Grund die Standardposition: Dort landet das Auge zuletzt, nach Headline und Angebot — und dort liegt der Daumen normalerweise nicht, wenn jemand einen Handzettel hält.

Zwei Fehler solltest du vermeiden. Schieb ihn nicht bis an die Schnittkante — der Beschnitt wandert im Druck um ein paar Millimeter und kann die Ruhezone abrasieren, halte also mindestens 5 mm Abstand. Und lass ihn nicht mit deiner Headline konkurrieren: Der Code ist die Handlung, nicht der Köder. Erst verkauft der Köder, dann kassiert der Code. Dieselbe Hierarchielogik wie bei jedem anderen Flyer-Element — den Rest des Layouts beschreibt wie du einen Flyer mit KI erstellst.

So baust du einen in Ridvay Studio

Hier ist der Flyer des Cafés, neu gebaut — mit dem Code als echtem Gestaltungselement statt als nachträglichem Anhängsel. Nenn den Link im Prompt, und der Code kommt funktionsfähig zurück:

A5-Flyer für Brew Lane Coffee, der die Online-Bestellung ankündigt. Dunkler Navy-Hintergrund mit einem warmen Kaffeefoto oben. Große, fette Headline „Vorbestellen. Schlange überspringen.“ Eine kurze Zeile Fließtext. Unten rechts ein QR-Code, der auf brewlane.co/order verweist, auf einer weißen Fläche, beschriftet mit „Scannen und vorbestellen“, daneben die URL in kleiner Schrift.

Zurück kommt ein bearbeitbares Design — Headline, Fläche, Bildunterschrift, Kleingedrucktes und der Code selbst sind alle eigene Ebenen mit echten Werten für Schrift, Farbe und Position. Kein flaches Bild, das du neu generieren musst, um ein Wort zu ändern.

Nimm dann diese vier Änderungen vor, jede direkt aus den Regeln oben:

1. Klick den Code an und zieh ihn größer, bis er in deiner Druckgröße mindestens 3 cm breit ist. Er ist ein Vektor und bleibt scharf, egal wie weit du gehst — gleich ihn mit der Abstandstabelle ab, falls der Flyer nicht in der Hand gehalten wird.
2. Prüf, ob der weiße Rand ringsum erhalten geblieben ist. Wenn du die Fläche eng an die Module herangezogen hast, zieh sie wieder auf. Dieser sichtbare weiße Rand ist die Ruhezone — und genau dieser Schritt wird gern übersprungen.
3. Rück die Fläche 5 mm von beiden Schnittkanten nach innen — eine kostenlose Versicherung gegen wandernden Beschnitt.
4. Wende dein Brand Kit an, lass die Fläche danach aber reinweiß und die Module dunkel. Jedes andere Element darf ins Markendesign; der Kontrast des Codes nicht. Wenn er trotzdem markentreu sein soll, färb die Module in deine dunkelste Markenfarbe um, niemals den Hintergrund.

Scann ihn danach im Editor direkt vom Bildschirm ab, bevor du exportierst. Wird er dort nicht decodiert, wird er es auf Papier erst recht nicht.

Diesen Flyer-Prompt in Ridvay Studio öffnen →

Sobald der A5-Flyer sitzt, bring dasselbe Layout per Ein-Klick-Größenänderung auf einen Tischaufsteller und einen Post im Story-Format — prüf aber jedes Mal die Codegröße neu, denn der Scan-Abstand ändert sich, auch wenn das Design gleich bleibt. Ein Code, der in der Hand mit 3 cm auskommt, braucht auf dem Tischaufsteller 6 cm.

Der Drei-Handy-Test

Mach das, bevor irgendetwas in den Druck geht. Es dauert zwei Minuten und fängt fast alles ab.

Druck den Flyer in Originalgröße auf einem normalen Bürodrucker aus. Kein Screenshot — ein Ausdruck, denn dein Monitor leuchtet von hinten, und eine Handykamera tut sich mit einem leuchtenden Bildschirm sehr viel leichter als mit Tinte auf Papier. Dann scann ihn mit drei verschiedenen Handys: einem aktuellen iPhone, einem Android-Gerät, das nicht mehr neu ist, und einem, bei dem der eingebaute Kamerascanner statt einer eigenen App zum Einsatz kommt. Normales Deckenlicht, das Blatt leicht schräg gehalten.

Zögert eines der drei länger als eine Sekunde, mach den Code größer. Aus diesem Zögern wird ein Fehlschlag, sobald es jemand draußen versucht, in Eile, in der Dämmerung.

Das Café druckte neu: 3,5 cm Code auf weißer Fläche, unten rechts, beschriftet mit „Scannen und vorbestellen“, dazu ein gekürzter Link. Gleiches Foto, gleiche Headline, gleiches Papier. Aus Dekoration wurde etwas, das die Leute tatsächlich benutzt haben.

Probier es selbst: den Flyer in Ridvay Studio erzeugen — setz deinen eigenen Link ein, und du bekommst einen funktionierenden, scanbaren Code auf einem druckfertigen Layout. Kostenlos, und jede Ebene bleibt deine, zum Ändern.