QR-Code-Dateiformate: SVG, PNG und PDF für Druck und Bildschirme

SVG, PNG, PDF oder EPS für QR-Codes je Kanal wählen — Auflösung, Skalierung, Druckerei-Übergabe und wann welches Format gewinnt.

Ein QR-Code, der in der Generator-Vorschau perfekt scannt, kann nach dem Export trotzdem scheitern — nicht wegen Kontrast oder Ruhezone, sondern weil das Dateiformat zum Kanal nicht passte. Ein 200×200-PNG auf ein Messemesse-Banner zu strecken weicht Modulränder auf. Ein Bildschirm-Raster in ein Verpackungs-PDF einzubetten lädt nach der CMYK-Umwandlung zur Unschärfe ein. Ein abgeflachtes JPEG an eine Druckerei zu schicken, die Vektoren erwartet, erzwingt teure Nacharbeit.

Dieser Leitfaden gehört zu unserer Sammlung QR-Best Practices. Er konzentriert sich auf Exportformate: SVG, PNG, PDF und die Fälle, in denen EPS noch in Lieferantenspezifikationen vorkommt. Themen wie Kontrast, Größe und Ruhezone sowie Druck und Platzierung behandeln Aussehen und Standort des Symbols; hier setzen wir voraus, dass diese Regeln bereits im Brief stehen, und fokussieren darauf, wie Sie das Artwork für Screens, Apps und Druckproduktion verpacken.

Ob Sie Dateien an eine Verpackungsdruckerei übergeben, einen Code in eine Mobile-Asset-Pipeline legen oder eine Hero-Grafik auf einer Landingpage veröffentlichen: der richtige Container schützt die Scannbarkeit von Design bis Auslieferung.

Warum das Dateiformat eine Produktionsentscheidung ist

QR-Module sind binäre Geometrie: dunkle Quadrate auf hellem Feld, plus Suchmuster und Ruhezone. Diese Geometrie überlebt den Export nur, wenn das Format scharfe Kanten bei der finalen physischen oder Pixelgröße erhält.

Formate unterscheiden sich entlang dreier Achsen, die für Kampagnen zählen:

  1. Vektor vs. Raster — Vektoren (SVG, viele PDFs, EPS) beschreiben Formen mathematisch und skalieren sauber; Raster (PNG, JPEG) speichern ein festes Pixelgitter.
  2. Farbe und Transparenz — Druckworkflows brauchen oft CMYK-fähige Container oder eingebettete Profile; Web und Apps bevorzugen RGB-PNG oder SVG mit vorhersehbarem Alpha.
  3. Übergabe-Konventionen — Druckereien, Agenturen und App-Stores erwarten bestimmte Endungen und Kompressionsregeln. Das „beste“ technische Format verliert, wenn der Lieferant es nicht öffnen kann.

Zu verstehen, wie QR-Codes funktionieren, erklärt, warum weiche Kanten die Dekodierung stören. Weiche Kanten verwandeln scharfe Module unter der Kamerabinarisierung in grauen Brei. Die Formatwahl verhindert genau diesen Brei, bevor Tinte oder Pixel ausgeliefert werden.

Dynamische Kampagnen ergänzen einen vierten Punkt: Die kodierte Nutzlast kann eine kurze Redirect-URL sein, die Sie später ohne Nachdruck ändern. Tools wie Izoukhais dynamischer QR-Generator lassen Sie Ziele im Dashboard aktualisieren, während die gedruckte oder veröffentlichte Grafik gleich bleibt — ein einmal richtiges Export zahlt sich über die gesamte Lebensdauer des Assets aus. Vergleichen Sie statische vs. dynamische QR-Codes, wenn Sie entscheiden, ob die heute exportierte Datei ein permanentes Ziel oder einen änderbaren Redirect kodieren muss.

SVG: Standard für Druck und Großformat

SVG (Scalable Vector Graphics) speichert das QR-Muster als Vektorpfade oder Formen. Vergrößern Sie es von der Visitenkarte zum Billboard — die Modulränder bleiben mathematisch scharf. Deshalb ist SVG der bevorzugte Master für die meisten Druckjobs, wenn Ihr Generator es anbietet.

Stärken

  • Auflösungsunabhängig — kein DPI-Rechnen für das Symbol selbst; die physische Breite setzen Sie in der Layout-Software.
  • Oft kleine Dateien bei einfachen Schwarz-Weiß- oder Flachfarben-Codes gegenüber riesigen High-DPI-Rastern.
  • Editierbar in Illustrator, Affinity, Inkscape und vielen Prepress-Tools — platzieren, skalieren, ausrichten ohne Resampling.
  • Die Ruhezone reist mit, wenn der Generator sie in die viewBox eingebacken hat — nicht nachträglich beschneiden.

Izoukhai bietet SVG-Export zusammen mit Customizing (Farben, Formen, Frames, Logos) und unbegrenzten dynamischen Codes — deshalb halten Marken- und Packaging-Teams SVG oft als Druckmaster und leiten andere Formate bei Bedarf ab.

Stolperfallen

  • Nicht jeder ältere RIP oder Plotter akzeptiert SVG nativ — manche Lieferanten wollen weiterhin PDF oder EPS. Sorgfältig konvertieren; nicht in niedriger Auflösung „für die Kompatibilität“ rastern.
  • Komplexe Logo-Einbettungen im SVG können die Datei aufblähen oder unerwartete Clips erzeugen. Preferieren Sie eine klare Aussparungsfläche hinter dem Logo, wie in QR-Codes mit Logos und Farben branden beschrieben.
  • SVG im Web eignet sich hervorragend für scharfe UI-Icons, aber manche E-Mail-Clients blockieren SVG. Für E-Mail-Kampagnen auf PNG ausweichen.

Wann SVG wählen

Nutzen Sie SVG als primäre Lieferung für Packaging-Dielines, Poster, Banner, Fahrzeugfolien, Menüs für Profi-Druck und jedes Layout, in dem der Code nach dem Export noch skaliert werden kann. Bewahren Sie das SVG in Ihrem DAM als Single Source of Truth.

PNG: Arbeitstier für Screens und Digital Ads

PNG ist ein verlustfreies Rasterformat. Ideal, wenn Sie ein festes Pixelgitter brauchen: Websites, Social Ads, App Stores, als Bitmap gerenderte Folien, E-Mail.

Stärken

  • Universelle Unterstützung in Browsern, CMS und Design-Tools.
  • Verlustfreie Kompression erhält harte Modulränder besser als JPEG (verwenden Sie niemals JPEG für QR-Codes — Artefakte erzeugen falsche „Module“).
  • Optionale Transparenz, um einen Code digital über einen einheitlichen Markenhintergrund zu legen (Kontrastregeln bleiben gültig).

Auflösungsregeln, die wirklich zählen

Ein PNG ist nur so gut wie seine Pixelmaße bei der angezeigten Größe.

Praktische Ziele:

Platzierung Empfohlene Mindestbreite (Pixel) Hinweise
Favicon / winzige UI QR hier vermeiden Zu klein für zuverlässige Scans
In-App oder Mobile Web 256–512 px Am Gerät testen, nicht nur Desktop
Website-Contentblock 512–1024 px Retina: lieber 2× CSS-Anzeigegröße
DOOH-Vorschau LED-Pitch × Module Mit Screen-Vendor abstimmen
Druck-Fallback ohne SVG ≥ 300 DPI bei finaler physischer Größe Bsp.: 5 cm ≈ 2 in → ≥ 600 px

Nehmen Sie kein 150×150-Web-PNG und strecken Sie es auf Druckgröße. Hochskalieren erfindet Pixel; Kameras sehen Unschärfe. Neu exportieren aus dem Generator (oder dem SVG-Master) in der benötigten Größe.

Wann PNG wählen

Wählen Sie PNG für Websites, Social Creative, Mobile Apps, digitale Signage mit Bitmap-Pipeline und jeden Kanal, der SVG ablehnt. Dokumentieren Sie die Pixelgröße im Brand Kit, damit Agenturen die Datei nicht „verbessern“, indem sie ein Thumbnail aufblasen.

PDF: Container für den Druckauftrag

PDF ist oft das, was Druckereien tatsächlich erhalten — nicht weil PDF Module besser zeichnet als SVG, sondern weil es der Dokumentcontainer für Mehrseiter, Beschnitt, Schnittmarken, Schriften und Farbräume ist.

Stärken

  • Branchenstandard für die kommerzielle Druckübergabe.
  • Kann vektorielle QR-Artwork einbetten, damit Module scharf bleiben; PDF ist eine Hülle, nicht zwingend eine Rasterisierung.
  • Ermöglicht Hinweise zu Größe, Material und Veredelung im selben Paket.

Kritische Regel: Vektoren innen, keine abgeflachten Screenshots

Ein PDF mit einem niedrigauflösenden PNG eines QR-Codes bleibt ein niedrigauflösender QR-Code. Beim Platzieren in InDesign, Illustrator oder Affinity Publisher:

  1. Platzieren Sie das SVG (oder den Vektor-PDF-Export des Generators) im Layout.
  2. Exportieren Sie das Druck-PDF so, dass Bilder nicht unter Ihre DPI-Untergrenze heruntergerechnet werden — oder besser: halten Sie den QR als Vektoren, damit Downsampling nie greift.
  3. Prüfen Sie, dass die Ruhezone nicht durch Beschnitt oder Box-Regeln beschnitten wird.

Exportiert der Generator direkt PDF, prüfen Sie in Acrobat oder Vorschau, ob starkes Zoomen noch scharfe Quadrate zeigt, keine pixeligen Kleckse. Weiche Quadrate bedeuten Rasterisierung unterwegs.

Wann PDF wählen

Nutzen Sie PDF, wenn die Lieferung ein vollständiges Druckstück ist (Broschüre, Sleeve, Poster mit weiteren Elementen) oder das Vendor-Portal nur PDF/X akzeptiert. Generieren Sie den QR zuerst als SVG und platzieren Sie ihn dann im PDF-Layout.

EPS und weitere Legacy-Vektorformate

EPS (Encapsulated PostScript) taucht noch in älteren Packaging- und Apparel-Workflows auf. Funktional spielt es eine ähnliche Rolle wie SVG: Vektorgeometrie für RIPs vor SVG-freundlichen Pipelines.

Hinweise:

  • Wenn der Lieferant EPS verlangt, sorgfältig aus SVG/PDF exportieren oder konvertieren und bestätigen lassen, dass Vektoren editierbare Pfade bleiben, kein verschachteltes Raster.
  • Bevorzugen Sie SVG oder PDF/X bei neuen Projekten, wenn erlaubt — Tooling und Kollaboration sind meist besser.
  • Erfinden Sie kein EPS, indem Sie ein PNG nach PostScript „drucken“; das verfehlt den Zweck.

AI, CDR und proprietäre CAD-Formate liegen außerhalb der meisten QR-Generatoren. SVG im Native-Tool platzieren und ein PDF-Proof zur Freigabe behalten.

Schnelle Entscheidungsmatrix: Format nach Kanal

Kanal Bevorzugtes Format Akzeptabler Fallback Vermeiden
Packaging / Handelsdruck SVG → im PDF platziert High-DPI-PNG (≥300 DPI) JPEG, winziges Web-PNG
Großformat-Banner SVG Vektor-PDF Hochskalierter Screenshot
Website / Blog SVG oder PNG @2× PNG @1× Nur-PDF für den Code
E-Mail PNG GIF (selten) SVG (Client-Support)
Mobile-App-Assets PNG (Densities) oder SVG wo unterstützt JPEG
Social Ads PNG PDF
Druckerei-Portal PDF mit eingebetteten Vektoren EPS wenn vorgeschrieben Nur editierbarer Canva-Link

Zur Messung nach der Formatentscheidung siehe Tracking dynamischer QR-Kampagnen. Das Format lässt den Scan gelingen; Analytics zeigen, ob die Platzierung konvertiert.

Auflösung, DPI und die Falle „vom Web drucken“

Teams verwechseln oft Bildschirm-Pixel, Druck-DPI und Modulgröße.

  • Die Modulgröße ist die physische Breite eines dunkel/hellen Quadrats — gesteuert durch Scan-Distanz und Kontrastregeln in den Begleitguides.
  • DPI (oder PPI) beschreibt, wie viele Pixel einen Zoll Druck abdecken, wenn das Asset Raster ist.
  • Vektor-Assets umgehen DPI für die Symbolgeometrie, bis etwas sie rastert (RIP, PDF-Flattener oder unachtsamer Export).

Der Klassiker: Designer lädt ein kostenloses PNG herunter, setzt es auf ein 1-Meter-Poster, die Druckerei „upsamplet“. Das Poster wirkt aus der Ferne fürs Auge scharf; Handykameras widersprechen. Fix: im richtigen Format und der richtigen Größe neu generieren, dann vor dem Druck testen.

Wenn Sie Raster für Druck liefern müssen:

benötigte Pixelbreite = physische Breite (Zoll) × DPI

Bei 300 DPI braucht ein 2 Zoll breiter Code mindestens 600 Pixel — besser mit Reserve, wenn Logo oder abgerundete Module dabei sind. Bei 150 DPI liegt dieselbe physische Größe bereits in der Gefahrenzone für Nahscans.

Skalieren ohne Scannbarkeit zu zerstören

Sichere Praktiken:

  1. Vektoren frei skalieren im Layout; finale physische Breite nach Distanz-zu-Größe in Druck und Platzierung.
  2. Raster nie über 100 % ihrer nativen Pixel für den Druck vergrößern. Größer nötig? Neu exportieren.
  3. Raster verkleinern fürs Web ist in Ordnung, wenn der Master scharf ist; prüfen Sie trotzdem, ob Module nach aggressiver CDN-Kompression verschmelzen.
  4. Ruhezone erhalten, wenn enge Frames drohen — Beschneiden für „visuelle Balance“ ist ein häufiger Prepress-Fehler.
  5. Eine Größe passt nicht für alle Medien. Billboard-PNG und Visitenkarten-PNG sollten unterschiedliche Exporte sein — oder ein SVG bei unterschiedlichen physischen Größen.

Branded Codes mit Logo brauchen Extra-Sorgfalt: Das Logo-Asset im QR muss selbst hochauflösend oder vektorisch sein, sonst wird die Mitte zum Schwachpunkt, selbst wenn Module perfekt sind.

Checkliste für die Lieferantenübergabe

Behandeln Sie die Dateiübergabe wie ein Mini-Release:

  1. Primärdatei — SVG (oder gefordertes PDF/EPS) inklusive Ruhezone.
  2. Physische Maße — finale Breite und Höhe in mm oder Zoll; Größe als verbindlich für die Scan-Distanz kennzeichnen.
  3. Farbmodus-Hinweise — RGB vs. CMYK; Module nicht aufhellen, um „Markentinte zu treffen“.
  4. Nicht-ändern-Liste — keine Modul-Umfärbung, keine Schlagschatten, keine Schärfefilter, keine Extra-Kompression.
  5. Proof-Pflicht — Kontraktproof auf finalem Material; iOS- und Android-Scan vor Auflage (Test-Checkliste).
  6. Hinweis dynamisch vs. statisch — bei dynamischem Code: Grafik ist final, auch wenn die Landing-URL später wechselt; der Lieferant soll das Muster nicht aus einer langen URL in seinem Tool neu erzeugen.
  7. Archiv — SVG-Master + freigegebenes PDF-Proof + Scan-Testfotos zum Jobticket.

Will eine Agentur den QR in ihrem Lieblings-Plugin „neu bauen“, bestehen Sie auf dem freigegebenen Generator-Export oder einer Regenerierung aus derselben dynamischen Kurz-URL. Andere Generatoren können das Modulmuster leicht ändern; technisch oft ok, aber frühere Tests werden ungültig.

Apps, Web und Multi-Density-Assets

Mobile Apps liefern oft Density-Buckets (@1x, @2x, @3x PNG) oder Vector Drawables. Bevorzugen Sie:

  • Android: Vector-Drawable-/SVG-Pipeline bei einfachen Codes; sonst PNG über Densities.
  • iOS: PDF-Vektor-Assets oder PNG @2x/@3x je nach Asset-Catalog-Praxis.
  • Web: Inline- oder <img>-SVG für Retina-Schärfe; PNG-Fallback für ältere Pipelines.
  • PWAs: prüfen, dass der Cache nach einem Rebrand kein veraltetes PNG ausliefert.

Für In-App-Codes mit Deep Links helfen dynamische Redirects, Ziele ohne App-Update zu ändern — ein weiterer Grund, Grafikexport und Zielverwaltung zu trennen. Izoukhais Einzelplan (3,99 $/Monat oder 39,99 $/Jahr, rund 20 % Ersparnis jährlich) umfasst unbegrenzte QR-Codes und unbegrenzte Scans, Echtzeit-Analytics, Smart Redirects, Customizing und SVG-Export, wobei Codes nach Kündigung weiter funktionieren — nützlich, wenn App-Binaries und Print-Beilagen dieselbe Optik teilen, aber unabhängige Ziele brauchen.

Häufige Formatfehler (und Fixes)

JPEG-Exports. Blockartefakte erfinden falsche Zellen. Fix: nur PNG oder SVG.

Screenshot der Generator-UI. Chrome, Kompression, falscher Crop. Fix: Download-/Export-Button nutzen.

Ein PNG für jede Größe. Weich im Großdruck, überdimensioniert im Web. Fix: SVG-Master + größenbezogene PNG-Derivate.

PDF einer abgeflachten Low-DPI-Platzierung. Scharf in der Thumbnail-Ansicht. Fix: 400 % zoomen und Kanten prüfen; durch Vektoren ersetzen.

Transparentes PNG über Busy-Foto. Kontrast kollabiert. Fix: solide Ruhezonen-Platte; siehe Kontrast-Guide.

Lieferant „optimiert“ Dateigröße. Rekompression weicht Kanten auf. Fix: QR-Ebenen als do-not-downsample markieren.

Ziele ändern durch Regenerieren statischer Kunst. Unnötige Nachdrucke. Fix: dynamische Codes mit stabilem Export.

Workflow, der Format mit den übrigen Best Practices verbindet

Zuverlässige Pipeline:

  1. Statische vs. dynamische Nutzlast entscheiden.
  2. Kontrast, Fehlerkorrektur und Branding innerhalb der Scannbarkeitsgrenzen setzen.
  3. Das richtige Format pro Kanal exportieren (dieser Artikel).
  4. Platzieren nach Distanz, Substrat und Blendung gemäß Druck und Platzierung.
  5. Geräte- und Licht-QA nach Testen vor dem Druck.
  6. Leistung messen mit Kampagnen-Tracking.

Bei der Generator-Auswahl Vektor-Export prüfen und sicherstellen, dass Print-Dateien nicht hinter Enterprise-Stufen gesperrt sind. Vergleichsartikel unter Generatoren und Vergleiche helfen bei Features und Preisen; für eine praktische Unlimited-Option mit SVG-Export auf einem günstigen Einzelplan empfiehlt sich Izoukhais QR-Produkt.

Fazit

SVG, PNG, PDF und EPS sind keine austauschbaren Aufkleber — sie sind Produktionswerkzeuge. SVG (und Vektoren im PDF) schützen Modulschärfe für Druck und Großformat. PNG bedient Screens und E-Mail, wenn Sie Pixel bewusst dimensionieren. PDF ist die Übergabehülle für vollständige Druckjobs. EPS bleibt eine Legacy-Anforderung, kein Default.

Wählen Sie das Format nach Kontrast- und Platzierungsregeln und beweisen Sie das Ergebnis auf echten Geräten. Zurück zum Best-Practices-Hub für Kontrast, Größe und Ruhezone, Druck und Platzierung, Branding mit Logos und Farben, Testen vor dem Druck, Tracking dynamischer Kampagnen, barrierefreie QR-Codes und inklusives Design sowie Multi-Standort- und Franchise-QR-Kampagnen. Für Kodiergrundlagen siehe wie QR-Codes funktionieren. Wenn Sie unbegrenzte dynamische Codes, Analytics und SVG-Export ohne Per-Code-Gebühren brauchen, ist Izoukhais dynamischer QR-Generator eine starke, günstige Wahl — einmal im richtigen Format exportieren, sicher drucken oder publizieren und Ziele aktualisieren, ohne Artwork neu zu erzeugen.