QR-Code als SVG exportieren, nicht als Bitmap in einer Hülle

01

Was tatsächlich in der Datei steht

Der Export ist ein einzelnes SVG-Element mit angegebener Breite und Höhe und einer viewBox, die in Modulen gemessen ist. Jedes dunkle Modul ist ein Rechteck von eins mal eins auf ganzzahligen Koordinaten, und die drei Suchmuster sind eigene Formen — der Eckstil bleibt also unabhängig davon, ob die Module quadratisch, abgerundet oder gepunktet sind. Nichts ist aus einer Bitmap nachgezeichnet, weil nie etwas eine Bitmap war.

Die Ruhezone gehört zur Zeichenfläche und ist nicht etwas, woran man später denken muss: die viewBox ist der Code plus der von Ihnen gewählte Rand, standardmäßig vier Module und bis zu sechzehn. Ein transparenter Hintergrund wird als vollständig fehlendes Hintergrundrechteck geschrieben — genau das lässt die Datei auf farbigem Papier liegen, ohne weißen Kasten darum.

• Ein Rechteck pro Modul, auf ganzzahligen Koordinaten
• Ruhezone in der viewBox enthalten
• Vorder- und Hintergrund als sechsstellige Hex-Werte
• Kein Hintergrundrechteck, wenn der Hintergrund transparent ist

02

Vektor heißt Kanten, nicht Dateigröße

Ein Scanner liest die Grenze zwischen einem dunklen und einem hellen Modul. Ein kleines PNG hochzuskalieren weicht jede dieser Grenzen auf, und eine weiche Grenze ist mehrdeutige Information — deshalb scheitert ein hochgerechneter Code in einer Größe, die derselbe Code als Vektor mühelos überstanden hätte. Ein SVG hat von vornherein keine Auflösung, die es verlieren könnte.

Deshalb deckt eine Datei auch jede Platzierung ab. Was auf die Einladung kommt, kommt auch auf das Plakat: die Druckerei skaliert sie, und die Modulkanten bleiben exakt dort, wohin die Geometrie sie setzt.

03

Wo eine gestaltete Karte aufhört, reiner Vektor zu sein

Ein nackter Code ist durchgehend Vektor. Eine Karte ist Vektor, wo sie es sein kann: die Matrix behält ihre Geometrie, und Formen, Hintergründe und Verläufe bleiben Formen.

Zwei Dinge überstehen diesen Weg nicht. Ein Foto oder ein hochgeladenes Logo hat keine Vektorform und reist deshalb als hoch aufgelöstes Rasterbild im SVG mit. Text bleibt echter Text mit einer benannten Schriftfamilie, was bedeutet: ein Rechner ohne diese Schrift ersetzt sie, und die Zeile ändert ihre Breite. Wenn die Typografie exakt sein muss, setzen Sie sie im Layoutprogramm und exportieren Sie den Code für sich.

Eine als PDF exportierte Karte wird zu einem einzigen hoch aufgelösten Bild auf der Seite verrechnet — eine Komposition aus Fotografien kann nichts anderes sein — und Mosaqo rendert sie bei A4 deutlich über 300 dpi, sodass sie ohnehin druckfertig ist. Nur der nackte Code, als SVG oder PDF, erreicht die Seite als Geometrie.

• Die QR-Matrix: Vektorgeometrie
• Hochgeladene Fotos, Logos und Sticker: eingebettetes Raster
• Text: echter Text — Schrift mitliefern oder im Layout setzen

04

Wofür die PNG- und PDF-Exporte da sind

PNG ist die richtige Antwort für einen Bildschirm, eine E-Mail oder eine Folie — überall dort, wo der Code einmal in einer Größe platziert wird, die Sie bereits kennen. Exportieren Sie großzügig groß und skalieren Sie ihn danach nie hoch.

Das PDF ist dieselbe Geometrie auf einer Seite: der Code gezeichnet, nicht gerastert, zentriert auf A4, fertig zum Drucken oder zum Weitergeben, wie er ist. Auch das PDF hat keine Auflösung, ein Vergrößern der Seite vergrößert also den Code, ohne eine einzige Kante aufzuweichen. Schicken Sie stattdessen das SVG, wenn der Code in ein Layout muss, das jemand anderes kontrolliert, in einer Größe, die nur diese Person kennt.

05

Umfärben und Platzieren der Datei

Weil die Datei Text ist, lassen sich ihre Farben ohne Designprogramm bearbeiten: die Füllung der Module ist der gewählte Vordergrund, das Hintergrundrechteck der Hintergrund. Behalten Sie die übliche Richtung bei — dunkle Module auf hellem Grund. Invertierte Codes lesen viele Scanner und nicht alle, was sie auf allem Gedruckten zu einem Glücksspiel macht.

Halten Sie beim Platzieren die Ruhezone frei und widerstehen Sie Effekten, die Kanten aufweichen: Schlagschatten, Mischmodi, Transparenz über unruhiger Grafik. Ein Code auf einem Foto scheitert aus demselben Grund wie ein verwaschener.

06

Testen Sie die exportierte Datei, nicht die Vorschau

Öffnen Sie das exportierte SVG, setzen Sie es in Endgröße ins echte Layout, drucken Sie ein Exemplar auf dem echten Material und scannen Sie es mit zwei verschiedenen Telefonen aus der Entfernung, in der ein Leser es halten wird, bei dem Licht, das die Platzierung wirklich hat.

Der Editor prüft Kontrast, Ruhezone und Datendichte schon während der Arbeit, und diese Prüfungen fangen die meisten Probleme ab, bevor sie eine Druckerei erreichen. Was sie nicht sehen können, sind der Lack, der Falz und das Licht im Raum.