SVG vs. PNG vs. PDF vs. EPS: welche QR-Code-Datei wohin gehört

SVG oder PNG: was solltest du herunterladen?

Wähle SVG, wenn der Code gedruckt, in eine Designdatei eingesetzt oder irgendwann von irgendjemandem in der Größe verändert wird. Wähle PNG, wenn der Code auf einem Bildschirm in einer bereits bekannten Größe angezeigt wird. Ein QR-Code auf einem Plakat, einer Speisekarte, einem Etikett oder einer Visitenkarte ist ein Fall für SVG; ein QR-Code in einer E-Mail, einer Folie, einer Webseite oder einem Instagram-Post ist ein Fall für PNG.

Der Grund liegt darin, was jede Datei speichert. Eine Vektordatei ist ein Bild, das als Formen und Koordinaten statt als Pixel gespeichert ist, und lässt sich deshalb in jeder Größe neu zeichnen, ohne an Kantenschärfe zu verlieren. Eine Rasterdatei ist ein Bild, das als festes Pixelraster gespeichert ist, und wird deshalb an jeder Kante weich, sobald sie über ihre Exportgröße hinaus vergrößert wird. Ein QR-Code wird von einer Kamera gelesen, die dunkle von hellen Modulen unterscheiden muss, und weiche Kanten sind genau der Fehler, der dem Decoder Spielraum kostet.

Wenn die Antwort wirklich unklar ist, lad beide herunter. Die beiden Dateien sind derselbe Code, jede braucht nur eine Sekunde zum Exportieren, und das SVG griffbereit zu haben verhindert den klassischen Fehlschlag ein Jahr später: ein Plakat, das den Code mit 30 cm braucht, während die einzige übrige Datei ein 600-Pixel-PNG aus einem E-Mail-Verlauf ist.

Was die vier Formate sind, je ein Satz

SVG ist ein Vektorbildformat, geschrieben als reiner XML-Text, weshalb sich ein SVG-QR-Code in jedem Browser öffnet, in jedem Designtool bearbeiten lässt und ohne Auflösungsgrenze skaliert. PNG ist ein verlustfreies Rasterformat mit Transparenzunterstützung, weshalb es die harten Kanten eines QR-Codes exakt in der Größe wiedergibt, mit der es exportiert wurde. PDF ist ein Seitenformat, das sowohl Vektor- als auch Rasterinhalt enthalten kann, weshalb ein PDF-QR-Code geprüft und nicht einfach angenommen werden muss. EPS ist ein Vektorformat auf Basis von PostScript, das durch Druck- und Produktionsabläufe am Leben gehalten wird, die älter sind als PDF.

Beachte die dritte Zeile. PDF ist von den vieren das einzige Format, dessen Name nicht verrät, was drinsteckt: Ein PDF kann sauberes Vektor-Artwork oder ein Foto eines Bildschirms enthalten, und beides sieht in einer Dateiliste identisch aus. Allein diese Zweideutigkeit verursacht mehr Druckprobleme als die anderen drei Formate zusammen.

Welche Datei wohin gehört

Zwei Zeilen dieser Tabelle lohnt es sich als Paar zu lesen. Eine Druckerei, die PDF verlangt, und ein Graveur, der SVG verlangt, wollen dasselbe - Geometrie, die die Maschine neu zeichnen kann -, und sie nennen nur deshalb unterschiedliche Formate, weil ihre Softwareketten sich unterscheiden. Nennt ein Zulieferer ein Format, das du nicht liefern kannst, frag nach, ob SVG akzeptiert wird - die meisten modernen Produktionsprogramme tun das.

Was ein KoloQR-Export wirklich enthält

KoloQR, ein kostenloser QR-Code-Generator mit runden und individuell geformten QR-Codes, exportiert PNG, SVG, PDF und EPS aus demselben Download-Menü und kopiert das SVG-Markup direkt in die Zwischenablage für Figma. Die vier Dateien sind unterschiedlich aufgebaut, und diese Unterschiede entscheiden, welche für einen Auftrag richtig ist.

• SVG: echter Vektor, mit den Teilen des Codes auf benannten Ebenen und jeder gebogenen Beschriftung in Pfade umgewandelt, sodass später nirgendwo eine Schriftart installiert sein muss. Es gibt kein Wasserzeichen und keine Größengrenze.
• PNG: gerendert mit 40 Pixeln pro Modul. Ein typischer Kurz-URL-Code ist inklusive Ruhezone 41 Module breit, was rund 1.640 Pixel ergibt - genug für etwa 14 cm bei 300 DPI. Der Hintergrund hat die Farbe, die das Design nutzt, und die Fläche außerhalb eines nicht quadratischen Rahmens ist transparent.
• PDF: eine einzelne Seite, auf die Größe des Codes zugeschnitten mit einem Punkt pro 10 Einheiten Geometrie, die den Code als verlustfreies Bild mit 80 Pixeln pro Modul enthält. Das ergibt bei der nativen Seitengröße 576 DPI, bleibt also bis zu einer Vergrößerung um etwa das 1,9-Fache über 300 DPI - rund 28 cm für einen Code, der mit 15 cm geöffnet wird.
• EPS: eine echte Vektorumwandlung, geschrieben als PostScript-Level-2-Pfade in RGB. Jedes Modul, jeder Rahmen und jede in Pfade umgewandelte Beschriftung wird zu einem gefüllten Pfad, weshalb die Datei wie das SVG skaliert und nicht wie das PDF.
• Copy to Figma: dasselbe SVG-Markup, in die Zwischenablage gelegt statt heruntergeladen. Einfügen setzt bearbeitbare Vektorebenen auf die Zeichenfläche, beschrieben im Leitfaden zum Kopieren eines QR-Codes nach Figma.

Aus dieser Liste folgen zwei ehrliche Grenzen. Das KoloQR-PDF ist ein hochauflösendes Bild auf einer PDF-Seite und keine Vektorgeometrie, ein Auftrag, der weit über A4 hinaus skaliert wird, sollte also stattdessen als SVG oder EPS verschickt werden. Und die EPS-Umwandlung liest Formen, keine eingebetteten Bilder: Ein Logo, das als eigene Bilddatei hochgeladen wurde, fällt aus dem EPS heraus, während die eingebauten Marken-Logos Vektorpfade sind und erhalten bleiben. Prüf das EPS vor dem Versand, wenn der Code ein hochgeladenes Logo trägt.

Alles andere am Code ist über die vier Dateien hinweg identisch. Die Nutzdaten, die Symbolversion, die Fehlerkorrekturstufe und die Ruhezone werden festgelegt, wenn der Code erzeugt wird, nicht wenn er exportiert wird, also kann keine Formatwahl aus einem nicht scannbaren Code einen scannbaren machen oder umgekehrt.

SVG: die Datei, die du aufhebst, und meist auch die, die du verschickst

Behandle das SVG als Masterdatei eines QR-Codes. Es hat keine Auflösung, druckt also aus derselben Datei mit 2 cm oder 2 m; es ist reiner Text, bleibt also klein und übersteht E-Mail-Versand und Versionierung; und es öffnet sich in jedem Designtool, ein Kollege kann es also platzieren, ohne nach einem erneuten Export zu fragen.

SVG hält den Code außerdem im richtigen Sinn bearbeitbar. Die Module bleiben einzelne Formen, ein Designer kann den Code also in Illustrator oder Figma umfärben oder den Hintergrund ändern, ohne das Modulraster anzutasten. Was ein Designer nicht tun darf, ist, dieses Raster zu verschieben, nicht-proportional zu strecken oder Teile davon zu löschen - die Anordnung der Module ist die Daten, und sie zu verändern ändert, was der Code sagt.

Wo SVG abgelehnt wird, lohnt es sich vorab zu wissen:

• E-Mail: E-Mail-Programme entfernen oder blockieren SVG aus Sicherheitsgründen, ein Code im E-Mail-Text muss also ein PNG sein.
• Social-Media-Plattformen: Instagram, LinkedIn, X, TikTok und YouTube akzeptieren nur Raster-Uploads.
• Manche Website-Baukästen und Vorlagentools: SVG-Upload ist manchmal auf bezahlte Tarife beschränkt oder ganz blockiert. Canva ist der Fall, auf den die meisten Leute stoßen.
• Ältere Office-Dokumente: SVG-Unterstützung in Word und PowerPoint funktioniert in aktuellen Versionen problemlos und unzuverlässig in deutlich älteren, ein PNG ist also der sicherere Anhang, wenn du nicht weißt, welche Version der Empfänger nutzt.

Keiner dieser Punkte ist ein Grund, den SVG-Export auszulassen. Sie sind Gründe, das SVG als Archivdatei zu behalten und daraus ein PNG zu exportieren, sobald eine Plattform kein Vektor annimmt.

PNG: richtig für Bildschirme, begrenzt für den Druck

PNG ist die richtige Wahl, sobald die Anzeigegröße bekannt und fest ist. Es ist verlustfrei, jede Modulkante wird also exakt so wiedergegeben, wie sie exportiert wurde, und es wird überall akzeptiert, was der praktische Grund ist, warum es bei den meisten QR-Code-Generatoren, KoloQR eingeschlossen, der Standard-Download bleibt.

Seine Grenze ist Arithmetik und keine Ansichtssache. Ein Raster-QR-Code druckt sauber bis etwa Pixelbreite geteilt durch 300, mal 2,54 Zentimeter. Ein PNG mit 1.000 Pixeln reicht bis etwa 8,5 cm; ein KoloQR-Export mit 1.640 Pixeln reicht bis etwa 14 cm; darüber hinaus beginnen die Modulkanten zu verlaufen. Die vollständige Formel, einschließlich des Großformat-Falls, in dem 150 DPI genügen, steht im Leitfaden zur QR-Code-Auflösung.

Ziele für Bildschirme auf mindestens 4 CSS-Pixel pro Modul und exportiere mit der doppelten Anzeigegröße, damit der Code auf hochauflösenden Displays scharf bleibt. Ein typischer Kurz-URL-Code mit 41 Modulen will etwa 165 Pixel Anzeigegröße und 330 Pixel Exportgröße. Unterhalb dieser Werte fangen Bildschirmcodes an zu versagen, wenn jemand sie schräg mit einem Handy scannt.

Die Transparenz-Einstellung verdient eine bewusste Entscheidung statt eines Standardwerts. Ein transparentes PNG, das auf einen dunklen oder gemusterten Hintergrund gelegt wird, verliert seine Ruhezone, und ein Scanner, der die Grenze des Symbols nicht findet, decodiert es nicht. Exportiere auf deckendem Weiß, außer du weißt, dass der Code auf einer hellen, gleichmäßigen Fläche liegen wird.

PDF: was eine Druckerei meint, wenn sie eines verlangt

Eine Druckerei, die PDF verlangt, will eine Datei, die ihr Ablauf platzieren, andrucken und ausschießen kann - keine Aussage über Vektoren. Weil eine PDF-Seite Vektor-Artwork oder ein Rasterbild enthalten kann, garantiert das Format allein nichts darüber, wie weit sich der Code skalieren lässt.

Prüf es vor dem Versand. Öffne das PDF und zoome auf 1.600 %: Vektor-Artwork bleibt bei jedem Zoom vollkommen scharfkantig, während ein Rasterbild im PDF sichtbar in Quadrate zerfällt. Dieser Dreißig-Sekunden-Test verrät dir, ob sich die Datei für ein Banner vergrößern lässt oder nahe an der Größe festhängt, in der sie erstellt wurde.

Muss der Code in einem PDF wirklich auflösungsfrei sein, bau das PDF aus dem SVG, statt eines zu exportieren:

1. Lade das SVG herunter. Exportiere den Code als SVG statt als PNG oder PDF - das SVG ist die Datei, die die Geometrie enthält.
2. Öffne es in einem Vektoreditor. Illustrator, Inkscape, Affinity Designer und Figma öffnen alle SVG direkt. Inkscape ist kostenlos und reicht für diese Aufgabe.
3. Lege die Dokumentgröße fest. Setze die Zeichenfläche oder das Dokument auf die endgültige Druckgröße in Millimetern und skaliere den Code dann proportional, um sie inklusive Ruhezone auszufüllen.
4. Speichere oder exportiere als PDF. Nutze Speichern unter PDF in Illustrator oder Inkscape, oder Exportieren als PDF in Figma und Affinity. Behalte jede Option bei, die Vektordaten erhält, und rasterisiere nicht.
5. Prüf das Ergebnis. Öffne das PDF erneut und zoome auf 1.600 %. Sind die Modulkanten noch immer scharf, ist die Datei Vektor.
6. Scanne den gedruckten Andruck. Druck eine Seite in Endgröße und scanne sie mit einem iPhone und einem Android-Handy, bevor die Datei in die Auflage geht.

Eine zweite Verwendung von PDF hat nichts mit Druck zu tun: der Code in einem Dokument, das du verschickst, etwa eine Rechnung, ein Ticket oder eine Eventmappe. Ein QR-Code in einem PDF-Dokument scannt vom Bildschirm aus einwandfrei, weshalb Bordkarten so funktionieren - halte ihn auf der Seite aber bei 2 cm oder größer, denn Leser scannen ihn von einem Laptop-Bildschirm auf Armlänge.

EPS: ein Altformat mit zwei lebendigen Anwendungen

Exportiere EPS, wenn ein Zulieferer es namentlich verlangt, und sonst nicht. Adobe behandelt PDF und AI seit Jahren als Nachfolger von EPS, und die meiste aktuelle Software kommt mit SVG oder PDF besser zurecht - aber Siebdrucker, Sticker, Schildermacher und ältere Druckvorstufensysteme führen EPS weiterhin als Pflichtformat, und diese Anforderungen sind real.

Zwei Eigenschaften von EPS ändern, wie du es nutzt. EPS unterstützt keine echte Transparenz, jede transparente Fläche wird beim Schreiben der Datei also plattgemacht - ein Grund, den Code auf einem deckenden Hintergrund zu exportieren, statt darauf zu setzen, dass die Papierfarbe durchscheint. Und EPS trägt Farbe in den meisten Exporten, auch dem von KoloQR, als RGB, eine Druckerei mit CMYK wird sie also umwandeln. Bei einem rein schwarzen Code verläuft diese Umwandlung problemlos; bei einer Markenfarbe frag die Druckerei nach dem gewünschten CMYK-Aufbau, statt die Umwandlung entscheiden zu lassen.

Die Falle, die spezifisch für QR-Codes ist, ist das, was die Umwandlung nicht übersteht. Weil EPS aus den Formen des Artworks geschrieben wird, wird alles übersprungen, was ein eingebettetes Bild statt einer Form ist - meist ein Logo, das du als eigene PNG-Datei hochgeladen hast. Der Code selbst ist davon unberührt und scannt weiterhin; das Logo ist einfach nicht da. Öffne das EPS einmal vor dem Versand, und du siehst den Unterschied sofort.

Formate, die einen QR-Code beschädigen: JPEG, WebP und der Screenshot

Speicher oder schick einen QR-Code nie als JPEG. JPEG komprimiert, indem es hochfrequente Details verwirft, und ein QR-Code besteht fast nur aus hochfrequenten Details: Tausende abrupte Übergänge von Schwarz zu Weiß. Das Ergebnis ist ein schwaches Ringing um jedes Modul, das den Druck übersteht und den Kontrast genau dort senkt, wo der Decoder misst.

Das Versagen ist leise statt offensichtlich. Ein JPEG-beschädigter Code scannt auf einem hellen Bildschirm meist noch, funktioniert dann aber nicht mehr auf saugendem Papier, bei schwachem Licht oder in einem Winkel - genau die Situation, in die eine gedruckte Auflage gerät. Weil die Artefakte in den Pixeln eingebrannt sind, repariert erneutes Speichern der Datei als PNG später nichts.

Die Screenshot-Zeile ist die, die am häufigsten im Druck landet. Ein Code, der aus einer Vorschau als Screenshot genommen, in ein Dokument eingefügt und an eine Druckerei geschickt wird, kommt mit rund 100 DPI und beschnittenem Rand an, und die Druckerei kann nicht erkennen, dass eine bessere Datei existierte. Den Code neu zu erzeugen dauert kürzer als die E-Mail, in der du fragst, ob der Screenshot reicht.

Wie du erkennst, welche Art Datei du bekommen hast

Die Dateiendung ist eine Behauptung, keine Garantie. Kommt ein Code von einem Kunden, einer Agentur oder einem alten Archiv, klären vier Prüfungen in etwa einer Minute, was er wirklich ist.

1. Öffne das SVG in einem Browser und zoome auf 1.000 %. Ein echter Vektor bleibt scharfkantig. Zerfällt es in Quadrate, ist das SVG ein Rasterbild, das in ein SVG-Tag verpackt wurde - das produzieren manche Konverter tatsächlich.
2. Prüf die Dateigröße. Ein Vektor-QR-Code hat meist wenige Kilobyte bis einige Dutzend Kilobyte. Ein mehrere Megabyte großes SVG oder EPS enthält fast immer eine eingebettete Bitmap.
3. Zoom das PDF auf 1.600 %. Derselbe Test, dasselbe Erkennungsmerkmal: Vektor bleibt scharf, Raster pixelt.
4. Achte auf die Ruhezone. Unabhängig vom Format muss auf allen vier Seiten ein freier Rand von vier Modulen sein. Eine eng beschnittene Datei hat bereits etwas verloren, das kein Format zurückholen kann.

Fällt eine Prüfung durch, erzeug den Code neu, statt die Datei zu reparieren. Scanne den vorhandenen Code mit einem Handy, um sein Ziel zu lesen, füg dieses Ziel in einen Generator ein und exportiere frische Dateien. Der neue Code ist mathematisch sauber, und du hast außerdem geprüft, wohin der alte wirklich zeigt - gut zu wissen, bevor irgendetwas neu gedruckt wird.

Zwischen Formaten konvertieren, ohne den Code zu zerstören

Nach unten zu konvertieren ist sicher, nach oben nicht. Vektor zu Raster - SVG zu PNG, EPS zu PNG - ist ein sauberer Vorgang in jeder gewählten Größe. Raster zu Vektor - PNG zu SVG - kann keine Geometrie zurückholen, die nie in der Datei war, und ein automatisches Nachzeichnen erzeugt leicht abgerundete, leicht falsch ausgerichtete Module, die dem Decoder Spielraum kosten.

Kann ein Raster-Code wirklich nicht neu erzeugt werden - die Originaldatei ist weg, und der Kunde will ihn größer -, skaliere mit einem ganzzahligen Faktor per Nearest-Neighbour-Interpolation hoch, nicht per bikubischer oder KI-Hochskalierung. Nearest-Neighbour verdoppelt Pixel und hält die Kanten hart; Glättungsalgorithmen verwischen genau die Grenzen, die ein Scanner misst.

Welchen Weg du auch nimmst, scanne das Ergebnis, bevor es rausgeht. Ein konvertierter Code, der auf einem iPhone und einem Android-Handy scannt, in Endgröße auf dem echten Material gedruckt, ist ein konvertierter Code, der funktioniert; alles andere ist eine Annahme.

Häufige Fehler beim Dateiformat, und wie sie sich zeigen

Das Muster in diesen Zeilen ist, dass sich Formatprobleme selten ankündigen. Der Code sieht auf dem Bildschirm, auf dem er entstanden ist, richtig aus und versagt auf dem Material, auf dem er lebt - weshalb der letzte Schritt jeder Formatentscheidung ein gedruckter Andruck ist, gescannt in dem Licht, in dem der Code tatsächlich gelesen wird.

Das Format zu wählen, bevor das Design beginnt, vermeidet die meisten Punkte auf dieser Liste. Wird der Code gedruckt, erzeug ihn, exportiere das SVG und gib diese Datei an denjenigen weiter, der das Layout baut. Der Generator erzeugt alle vier Formate aus demselben Code, die Entscheidung kostet also nichts außer Aufmerksamkeit. Das Format wird bei der vierten von neun Prüfungen entschieden; die Druck-Checkliste geht den Rest der Reihe nach durch.