QR-Code als SVG, EPS und Vektordatei für den Druck

Ein Vektor-QR-Code besteht aus Pfaden, nicht aus Pixeln

Ein PNG speichert den Code als festes Pixelraster. Ein SVG oder EPS speichert ihn als Liste von Formen: zeichne ein Quadrat von dieser Koordinate zu jener, fülle es dunkel, wiederhole das je Modul, dazu die drei Suchmuster in den Ecken. Nirgends in der Datei steht eine Auflösung, weil es nichts aufzulösen gibt — eine Kante ist eine Koordinate, keine Pixelreihe.

Das ist der ganze Vorteil, und er ist groß:

• Dieselbe Datei druckt mit 15 mm auf der Visitenkarte und mit 3 m auf der Messewand, mit in beiden Größen exakt gleich scharfen Kanten. Kein neuer Export, keine DPI-Rechnerei, kein unscharfes Hochskalieren.
• Die Dateien sind winzig. Ein Vektor-QR-Code liegt unabhängig von der Druckgröße meist bei 3 bis 15 KB; ein PNG desselben Codes mit 4000 Pixeln geht in die Hunderte von KB.
• Jedes Modul bleibt bearbeitbar. Färben Sie den ganzen Code um, tauschen Sie das Logo aus oder verbreitern Sie die Ruhezone im Grafikprogramm, ohne irgendetwas neu zu erzeugen.

Der Haken, den niemand erwähnt: SVG kennt kein CMYK, keine Sonderfarbe und kein Überdrucken. Es ist ein RGB-Format für Bildschirme. Genau diese eine Lücke ist der Grund, warum Druckereien immer wieder nach etwas anderem fragen als dem SVG, das Sie ihnen geschickt haben.

SVG vs. EPS vs. PDF

Alle drei sind Vektor, und alle drei tragen dieselbe Geometrie. Die Wahl zwischen ihnen ist eine Frage des Arbeitsablaufs, nicht der Qualität.

Warum die Druckerei ausdrücklich nach EPS fragt

Drei echte Gründe, keiner davon Sturheit:

1. Farbe. Wenn der Code in 100 % K allein drucken soll oder in einer Pantone-Farbe neben Ihrer Wortmarke, hat ein SVG keine Möglichkeit, das auszudrücken. EPS und PDF schon.
2. Ihr RIP. Auf PostScript aufgebaute Vorstufen-Abläufe nehmen EPS jedes Mal auf die gleiche Weise entgegen. Ob sich zwei SVG-Renderer über einen Beschneidungspfad einig sind, will niemand am Drucktag herausfinden.
3. Alte Layouts. Vorlagen aus der QuarkXPress-Zeit und ältere InDesign-Dokumente platzieren EPS nativ, und etliche Betriebe fahren sie bis heute.

Daran gibt es nichts zu diskutieren. Schicken Sie das EPS, wenn danach gefragt wird, und behalten Sie das SVG als Master.

Ein Detail, das Menschen in Panik versetzt: Ein EPS trägt eine niedrig aufgelöste Rastervorschau in sich, damit alte Software überhaupt irgendetwas am Bildschirm zeigen konnte. Ihr Dateimanager stellt ein QR-EPS deshalb als klobiges kleines Quadrat dar. Die Druckausgabe ist trotzdem Vektor. Exportieren Sie nichts neu, nur weil das Vorschaubild schlecht aussieht.

Umwandeln zwischen den Formaten

Die Regel lautet: Vektor aus Vektor exportieren. Beginnen Sie beim SVG oder beim EPS, niemals bei einem PNG.

• SVG zu EPS oder PDF — Illustrator: Datei > Kopie speichern, dann Illustrator EPS oder Adobe PDF wählen. Inkscape: Datei > Kopie speichern, EPS oder PDF wählen und Text in Pfade umwandeln ankreuzen, falls Sie eine Bildunterschrift unter den Code gesetzt haben. Ganz ohne Oberfläche, aus dem Terminal: inkscape --export-type=eps qr-code.svg.
• EPS oder PDF zurück zu SVG — Illustrator und Inkscape öffnen beides; speichern Sie es erneut als SVG. Dabei geht nichts verloren, weil Sie Koordinaten zwischen Behältern verschieben und kein Bild neu komprimieren.
• PNG zu Vektor — die Umwandlung, die nicht funktioniert. Bildnachzeichner und andere Autotrace-Werkzeuge zeichnen jede weichgezeichnete Modulkante als wackeliges Vieleck nach; heraus kommt eine „Vektordatei“, deren Module runde, ungleichmäßige Ecken und stellenweise haarfeine Lücken haben. Sie scannt schlechter als das PNG, mit dem Sie angefangen haben. Erzeugen Sie den Code stattdessen neu als SVG; das dauert zwanzig Sekunden.

Die Datei öffnen und bearbeiten

• Illustrator öffnet SVG, EPS und PDF. Der Code kommt als Gruppe gefüllter Pfade an, oft zu einem einzigen zusammengesetzten Pfad verschmolzen. Um alle Module auf einmal umzufärben, wählen Sie ein Modul aus und nutzen Auswahl > Gleich > Flächenfarbe. Stellen Sie das Dokument vor der Übergabe auf CMYK und bauen Sie die dunklen Module aus 100 % K allein — ein vierfarbiges Schwarz bekommt in Modulgröße einen Hof, sobald die Maschine um einen Bruchteil eines Millimeters aus dem Register läuft.
• Inkscape ist unter Windows, macOS und Linux kostenlos, und SVG ist sein natives Format, beim Öffnen wird also nichts übersetzt. Bearbeiten > Dasselbe auswählen > Füllfarbe färbt die Module um, Objekt > Transformation > Skalieren erledigt die Größenänderung, und Kopie speichern schreibt EPS und PDF. Für diese eine Aufgabe ist es ein echter Ersatz für eine Illustrator-Lizenz.
• Affinity Designer öffnet SVG und PDF sauber und kostet eine einmalige Lizenz statt eines Abos. EPS unterstützt es nur beim Import und verlustbehafteter als die anderen beiden; behalten Sie also das SVG als Master und erzeugen Sie das EPS erst bei der Übergabe.

Eine Gewohnheit lohnt sich: Jagen Sie ein QR-SVG nicht durch einen aggressiven Optimierer. SVGO rundet bei reduzierter Genauigkeit die Pfadkoordinaten, und Rundung kann haarfeine Nähte zwischen benachbarten Modulen aufreißen. Wenn Sie feine weiße Linien nur im PDF-Betrachter und nur bei bestimmten Zoomstufen sehen, ist das Kantenglättung und nicht Ihre Datei — zoomen Sie zur Kontrolle auf 400 %, bevor Sie irgendetwas neu exportieren.

Das eine, was einen Vektor-QR-Code zerstört

Ungleichmäßiges Skalieren. Ein QR-Code muss quadratisch bleiben.

Ziehen Sie an einem Eckgriff, skalieren beide Achsen gemeinsam, und das ist in Ordnung. Ziehen Sie an einem Seitengriff, bewegt sich nur eine Achse: Jedes Modul wird zum Rechteck, und das Hell-Dunkel-Verhältnis 1:1:3:1:1 der Suchmuster stimmt auf der einen Achse noch, auf der anderen nicht mehr. Decoder finden das Raster über genau dieses Verhältnis, also scheitern sie entweder ganz oder lesen falsch, wo die Modulmitten liegen.

Gefährlich daran ist, dass man es nicht sieht. Ein Stauchen um 4 % wirkt am Bildschirm wie nichts und liest sich für Sie wie ein normaler Code. Prüfen Sie die Zahlen statt des Bildes:

• Illustrator und Affinity — halten Sie beim Ziehen an den Ecken die Umschalttaste, und vergleichen Sie danach die Felder B und H.
• Inkscape — aktivieren Sie vor dem Skalieren das Schlosssymbol zwischen B und H in der Werkzeugleiste.
• InDesign — nutzen Sie Inhalt proportional anpassen und achten Sie darauf, dass Skalierung X und Skalierung Y im Steuerungsbedienfeld denselben Prozentwert zeigen.
• Der Fall aus dem echten Leben — jemand zieht den platzierten Rahmen eine Stunde vor Abgabe in PowerPoint, Word oder Canva in die Breite. Sperren Sie den Rahmen.

Der Wechsel auf Vektor löst das Auflösungsproblem und sonst nichts. Kontrast, Ruhezone, Glanzreflexe und physische Größe zerstören Codes genau wie zuvor: siehe den Leitfaden zum QR-Code-Druck, den Größenleitfaden und warum QR-Codes nicht mehr scannen.

Wann PNG immer noch die richtige Antwort ist

Vektor ist nicht allgemein besser; es ist besser für den Druck.

• Bildschirme. Folien, E-Mail-Signaturen, Webseiten, Social-Media-Posts. Ein QR-Code als PNG, exportiert in der endgültigen Anzeigegröße, ist einfacher und passt überall hinein.
• Überall dort, wo SVG-Uploads blockiert sind. SVG ist XML und kann Skripte enthalten, deshalb weisen sehr viele CMS, Marktplätze und E-Mail-Plattformen es beim Hochladen zurück oder bereinigen es. Das ist eine vernünftige Sicherheitsregel und kein Fehler, und dagegen anzureden kostet einen Nachmittag. Laden Sie das PNG hoch.
• Werkzeuge, die ohnehin flachrechnen. Die meisten E-Mail-Programme und einige Chat-Apps rastern, was Sie ihnen geben.

Faustregel: SVG oder EPS geht an die Druckerei, PNG auf Bildschirme, und JPG kommt einem QR-Code gar nicht erst nahe. QRolling exportiert Vektor und Raster aus demselben Entwurf, nehmen Sie also beides mit — und wenn die Grafik auf eine Karte kommt, behandelt der Leitfaden für Visitenkarten-QR-Codes Platzierung und Mindestgrößen.