Transparenter QR-Code: was die Druckerei daraus macht

Eine Gestalterin setzt den QR-Code auf die dunkelblaue Hälfte eines Plakats, und ein weißes Quadrat kommt mit. Der Code ist in Ordnung, das Quadrat nicht. Also beginnt die Suche nach einer transparenten Fassung, und fast alles, was dabei auftaucht, verspricht eine, ohne zu sagen, was Transparenz mit dem Scan macht und was später in der Druckvorstufe daraus wird.

Es lohnt sich zu wissen, was dieses Quadrat überhaupt ist. Ein QR-Symbol besteht aus dunklen Modulen; die hellen sind weder Farbe noch Pixel, sondern die Abwesenheit von beidem, die blasse Fläche zwischen ihnen ist also entweder tatsächlich leer oder ein Rechteck, das jemand darunter gezeichnet hat. In so gut wie jedem Generator ist es ein gezeichnetes Rechteck, in unserem auch, und dieselbe Datei noch einmal zu exportieren wird es niemals entfernen.

Darin stecken zwei Fragen, die ständig miteinander verwechselt werden. Die eine dreht sich um Dateiformate und ist einfach. Die andere dreht sich um Kontrast und ist es nicht.

Welche Formate Transparenz überhaupt tragen

• PNG. Ja. Es führt einen 8-Bit-Alphakanal, jedes Pixel kann also vollständig deckend, vollständig frei oder irgendetwas dazwischen sein.
• SVG. Ja, und sauberer als PNG. Ein SVG hat keine Zeichenfläche darunter, nur eine Liste von Formen, und was Sie nicht zeichnen, ist nicht da. Vektorexport ist das, wonach Sie fragen, wenn Sie diese Kontrolle wollen.
• JPG. Nein. Nicht in einer kleinen Datei, nicht in einer großen, nicht aus einem bezahlten Werkzeug. Das Format hat keinen Alphakanal, jeder Encoder rechnet ein transparentes Bild also zuerst auf Weiß. Ein Anbieter, der ein transparentes JPG bewirbt, gibt Ihnen ein PNG mit der falschen Endung.

Das Format war damit fast nie das Hindernis. Ein deckendes PNG ist kein PNG-Problem. Der Generator hat einen Hintergrund gezeichnet.

Ein transparentes Logo verzeiht. Ein transparenter QR-Code nicht.

Dieser Teil bleibt meist unausgesprochen, und es ist der einzige, der einen Nachdruck kosten kann.

Ein Decoder sieht Ihre Gestaltung nicht. Er wandelt das Bild zuerst in reines Schwarzweiß, wählt eine Schwelle und sortiert jedes Pixel auf eine Seite davon. Gute Decoder arbeiten in örtlichen Feldern statt einmal pro Bild, aber das Prinzip bleibt: Helle Module müssen verlässlich heller sein als dunkle.

Transparenz entfernt die hellen Module. Was hinter dem Code liegt, wird zu ihnen. Über einer gleichmäßig blassen Fläche ist das in Ordnung, weil der Ersatz einheitlich ist. Über einem Foto scheitert es auf drei Weisen.

Dunkler Untergrund. Dunkle Module auf dunklem Feld. Keine Schwelle trennt sie, und der Code liest in keiner Entfernung, in keinem Licht, auf keinem Telefon.

Unruhiger Untergrund. Über dem Himmel ist der Kontrast gut, über der Baumreihe weg, und ein Decoder kann nicht nur die Hälfte nutzen, die funktioniert. Er braucht die drei Suchmuster und die Taktreihen dazwischen, ein Foto, das eine Ecke zerstört, kostet also das ganze Symbol.

Mittelheller Untergrund. Der schlimmste Fall, weil er halb funktioniert. Am Schreibtisch liest er, und für die Kundin, die weiter entfernt in schwächerem Licht steht, nicht, und niemand erfährt es, bevor die Auflage gedruckt ist.

Ein Logo über einem unruhigen Foto sieht schlecht aus. Ein QR-Code über einem unruhigen Foto hört auf zu arbeiten. Das eine ist Geschmack, das andere Funktion, und in derselben Designabnahme sehen beide wie dieselbe Anmerkung aus. Die Regeln zum Farbkontrast liefern die Zahlen, kurz gefasst brauchen Sie aber einen weiten, verlässlichen Abstand zwischen dunkel und hell, und Transparenz übergibt die helle Hälfte davon an das, was darunter liegt.

Transparenz erspart Ihnen auch die Ruhezone nicht. Dieser Rand von vier Modulen muss weiterhin ein freies, helles Feld sein, und ein transparenter Rand über gemusterter Gestaltung ist gemusterte Gestaltung.

Was die meisten eigentlich wollen, ist ein passender Hintergrund

Beantworten Sie das, bevor Sie einen Vektoreditor öffnen: Worauf wird der Code gesetzt?

Ist es eine einzige einheitliche Farbe, wollen Sie keine Transparenz. Sie wollen den Hintergrund auf genau diese Farbe gesetzt. Nehmen Sie den Hexwert aus der Gestaltung, setzen Sie ihn in den Generator, und die Datei liegt ohne sichtbare Kante und ohne jedes Kontrastrisiko im Layout. Die Farben direkt zu setzen dauert etwa zehn Sekunden.

Ist die Fläche blass, ist das die gesamte Lösung. Ist sie dunkel, bedeutet Anpassen einen dunklen Hintergrund mit hellen Modulen, also einen invertierten Code: Viele Telefone lesen die, strengere Decoder nicht. Wenn die Platzierung wichtig ist, setzen Sie den Code in eine helle Fläche, statt gegen die Invertierung zu kämpfen.

Wann Transparenz wirklich die richtige Antwort ist

Die echten Fälle teilen ein Merkmal: Sie wissen, dass der Untergrund hell ist, oder jemand weiter unten in der Kette hält ihn hell.

• Die Datei an andere weitergeben. Ein Markenasset, das in ein Kit wandert, in dem Sie nicht jede Platzierung sehen. Transparent ist das ehrliche Neutrum, mit dem Hinweis, dass es ausschließlich auf blasse Untergründe geht.
• Schnittfolie und Fensteraufkleber. Der Bedruckstoff ist das helle Feld, und ein gedruckter weißer Kasten zeigt sich als Rechteck auf der Scheibe. Aufkleberproduktion und Verpackung bringen eigene Regeln mit.
• Eine blasse, strukturierte Oberfläche. Kraftpapier, Papierstruktur, ein sanfter Verlauf. Eine einheitliche Füllung zeigt eine Kante, wo die Struktur aufhört, und blasse Struktur ist immer noch blass.

Wie Sie eine tatsächlich herstellen

SVG exportieren, Hintergrund entfernen, erneut exportieren.

1. Laden Sie den Code als SVG und öffnen Sie ihn in Illustrator, Inkscape, Affinity oder Figma. Ein Texteditor geht auch, denn ein SVG ist lesbares XML.
2. Löschen Sie die Hintergrundrechtecke. Es sind meist zwei: eines über der gesamten Zeichenfläche, ein zweites knapp innerhalb davon hinter dem Code. Beide tragen die von Ihnen gewählte Hintergrundfarbe und sind daher leicht zu finden.
3. Suchen Sie nicht nach hellen Modulen zum Löschen. Sie wurden nie gezeichnet. Nur die dunklen Module existieren als Formen, sobald die Rechtecke weg sind, ist der Raum zwischen ihnen also tatsächlich leer.
4. Dann schauen Sie sich die drei Eckquadrate an. Das ist der Schritt, an dem die meisten hängen bleiben. In jedem Suchmuster sitzt ein Ring, der den äußeren Rahmen vom inneren Block trennt, und dieser Ring ist eine gefüllte Form in der Hintergrundfarbe, kein leerer Raum. Er überlebt das Löschen der Rechtecke. Auf weißem Untergrund merkt es niemand; auf farbigem bekommen Sie drei blasse Ringe in den Ecken, die wie ein Darstellungsfehler wirken.

Löschen Sie diese drei ebenfalls, dann exportieren Sie PNG mit aktivierter Transparenz, oder behalten Sie das SVG, wenn das Ziel Vektor annimmt. Und dann scannen Sie es, auf dem echten Untergrund in der echten Größe. Einen Hintergrund zu entfernen ist der einfachste Weg, einen funktionierenden Code zu zerstören, und die Datei sieht dabei die ganze Zeit korrekt aus.

Was QRolling macht

Klar gesagt: Wir exportieren keinen transparenten Hintergrund.

Der Hintergrund ist eine Farbe, die Sie wählen. Auf dem Design-Tab gibt es einen Farbwähler und ein Hexfeld, ohne Alphakanal und ohne Option transparent, und die gewählte Farbe wird hinter dem Code in die Datei gezeichnet, im PNG genauso wie im SVG. Das JPG wird unabhängig davon weiß gefüllt, was richtig ist und kein Versehen, denn JPG kann keine Transparenz tragen und irgendetwas muss dort liegen.

Die Unterlage hinter einem Logo ist eine eigene Einstellung, die tatsächlich einen Wert ohne kennt, aber der zeichnet keine Unterlage und kein Loch in die Datei: Dahinter scheint der Codehintergrund durch. Für den Hintergrund selbst gibt es kein Gegenstück.

Wenn Sie echte Transparenz brauchen, ist der SVG-Weg von oben der Weg, sie von uns zu bekommen. Wenn Sie einen Code brauchen, der in einer farbigen Fläche verschwindet, setzen Sie den Hintergrund auf diese Farbe und lassen den Editor zu.

Zur Kontoseite: Gestalten und Stylen kosten nichts, für den Download wird ein kostenloses Konto verlangt, und jeder Code hier ist dynamisch, das Ziel nach dem Druck zu bearbeiten und Scan-Analysen zu lesen liegt also im bezahlten Tarif.

Transparenz in der Druckvorstufe: was beim Dienstleister passiert

Wer hierzulande drucken lässt, liefert in der Regel eine PDF-Datei nach einem PDF/X-Standard, und an dieser Stelle entscheidet sich das Schicksal Ihrer Transparenz. PDF/X-1a kennt keine lebendige Transparenz: Beim Export wird die Datei verrechnet, also in deckende Flächen zerlegt, und Ihr Code wird dabei gegen das gelegt, was zufällig darunter liegt. PDF/X-4 überträgt Transparenz unverändert und lässt die Entscheidung in der Vorstufe des Dienstleisters. Beides kann gut ausgehen, aber nur eines davon wissen Sie vorher, und deshalb lohnt die Frage nach dem erwarteten Standard vor dem Layout und nicht nach dem Andruck.

Zwei Nebenwirkungen zeigen sich erst auf Papier. Erstens verschiebt das Verrechnen Farben an Kanten, und ein QR-Code besteht ausschließlich aus Kanten. Zweitens wirkt Überdrucken anders als am Bildschirm: Schalten Sie die Überdruckenvorschau ein, sonst sehen Sie ein sauberes Muster, während die Maschine ein durchscheinendes druckt. Auf Folien und dunklen Materialien kommt die Weißdeckung dazu, also eine eigene weiße Druckschicht unter dem Motiv. Fehlt sie, nimmt Ihr heller Bereich den Ton des Materials an, und genau der Kontrast, den der Decoder braucht, verschwindet.

Praktisch heißt das: Legen Sie die helle Fläche selbst an, statt sie dem Verrechnen zu überlassen. Ein Code auf einer deckenden Fläche in der Farbe des Untergrunds erreicht optisch dasselbe wie Transparenz und verhält sich in jeder Vorstufe gleich. Wenn Sie in DIN-Formaten arbeiten, planen Sie Anschnitt und Ruhezone gemeinsam, damit der Beschnitt nicht in den Rand des Codes fährt. Und lassen Sie sich vor der Auflage ein Muster auf dem echten Material geben. Welche Auflösung dafür nötig ist, steht in Druckauflösung und DPI.

Bevor Sie es ausliefern

1. Legen Sie die Datei auf den echten Untergrund in der echten Größe und prüfen Sie, dass die Ruhezone ein freies helles Feld ist und keine durchscheinende Gestaltung.
2. Scannen Sie aus der Entfernung, in der Leser tatsächlich stehen werden, auf zwei Telefonen verschiedener Hersteller.
3. Geht es in den Druck, testen Sie den gedruckten Andruck, nicht den Bildschirm. Druckauflösung ist eine eigene Fehlerquelle obendrauf.
4. Scheitert es mehr als einmal, legen Sie eine helle Fläche hinter den Code und hören auf zu kämpfen.

Transparenz ist eine Platzierungsentscheidung und keine Qualitätsstufe. Sie trägt, wenn die Fläche darunter hell, gleichmäßig und vorher bekannt ist. In jedem anderen Fall legen Sie besser selbst eine helle Fläche an und wissen dafür genau, was am Ende auf dem Papier steht.