Kostenloser SVG QR-Code Generator — Vektorqualität für den Druck

Wenn ein QR-Code auf einer Plakatwand, einer Visitenkarte oder irgendetwas Gedrucktem landet, das größer als eine Postkarte ist, exportieren Sie ihn als SVG. Eine Raster-PNG mit 1000 Pixeln im Quadrat sieht auf einem Handy-Bildschirm gut aus und auf einem 90-cm-Poster katastrophal, wo jedes Modul zu einem verpixelten Durcheinander wird, das Handy-Kameras schwer lesen können. SVG ist ein Vektorformat — der Code wird als mathematische Anweisung gespeichert, nicht als Pixel, sodass dieselbe Datei bei jeder Größe von einer Briefmarke bis zu einem Stadion-Banner perfekt scharf rendert.

Dieser Leitfaden behandelt, warum SVG für den Produktiveinsatz wichtig ist, welche kostenlosen Tools SVG tatsächlich ohne Paywall liefern und wie Sie die Datei sauber in Illustrator, Figma oder InDesign bringen. Wenn Sie für den Druck designen, ist SVG der Standard — kein Bonus-Feature hinter einer Pro-Stufe.

Warum SVG statt PNG für QR-Codes

Ein QR-Code ist ein Gitter aus schwarzen und weißen Quadraten, genannt Module. PNG speichert jedes Quadrat als Pixelblock, sodass eine 500-Pixel-PNG jedes Modul mit grob 15 × 15 Pixeln darstellt. Skalieren Sie diese Datei auf Postergröße hoch, wird aus jedem 15-Pixel-Block ein 3-cm-Block — körnig, an den Kanten unscharf und für Handy-Kameras schwerer zu dekodieren.

SVG speichert dasselbe Gitter als Satz von Vektor-Rechtecken mit scharfen mathematischen Grenzen. Eine 2 KB SVG-Datei zeigt sich bei 5 cm oder 5 m mit identischen Modulkanten. Das spielt in drei Situationen eine Rolle: alles, was in Messegröße gedruckt wird (Banner, Rollup-Beschilderung), kleinformatiger Druck, bei dem die Dichte die Kameraauflösung strapaziert (Visitenkarten, Produktverpackungen), und Design-Workflows, in denen der QR in ein größeres Layout in Illustrator oder InDesign eingebaut wird.

Es gibt auch einen Dateigrößen-Vorteil bei großem Maßstab. Eine 2000 × 2000 Pixel PNG ist 40–100 KB. Das Äquivalent in SVG ist typischerweise unter 3 KB — im Wesentlichen Text, der Rechtecke beschreibt. Für Web-Einsatz ist es leichter; für Druck ist die Qualitätslücke der Hauptpunkt.

Welche kostenlosen Tools tatsächlich SVG exportieren

SVG-Export war eines der ersten Features, die im QR-Markt hinter eine Paywall rückten, also ist die Liste kürzer, als sie sein sollte. Die untenstehende Tabelle spiegelt die veröffentlichte Free-Plan-Policy jedes Anbieters mit Stand April 2026 wider — SVG-Verfügbarkeit kann sich ändern, wenn Anbieter ihre Stufen überarbeiten.

Tool	SVG kostenlos?	Dateisauberkeit
MakeQR	Ja	Sauber, gruppierbare Pfade, in Illustrator bearbeitbar
QRCode Monkey	Ja	Sauber, ein Pfad pro Modul
qr-code-generator.com	Nein	Nur in kostenpflichtigem Plan
QR TIGER	Nein (nur Trial)	Account + Testphase erforderlich
Flowcode	Nein	Kostenpflichtiger Plan, Enterprise-orientiert
the-qrcode-generator.com	Ja	SVG enthält werbliche Metadaten

Stand: April 2026. Free-Plan-SVG-Zugang kann sich ändern, wenn Anbieter ihre Stufen überarbeiten.

Die "Sauberkeit"-Spalte ist einer Erklärung wert. Einige SVG-Exporte sind technisch Vektor, kommen aber mit eingebetteten Bitmap-Fallbacks, Inline-Styles oder SVG-Kommentaren, die den Generator referenzieren. Diese Dateien sehen im Browser gut aus, verursachen aber unsaubere Importe in Illustrator — Designer haben am Ende zusätzliche Ebenen zu löschen. Ein sauberes SVG importiert als einfache Gruppe von Rechtecken, die umgefärbt oder in ein größeres Layout eingebettet werden können, ohne Aufräumarbeit.

SVG in MakeQR generieren

Öffnen Sie makeqr.daylab.dev. Der Editor startet standardmäßig mit einem URL-QR, aber die Formatwahl gilt für jeden Content-Typ — WLAN, vCard, PDF, Klartext — also wählen Sie zuerst die Payload, die Ihrem Anwendungsfall entspricht. Füllen Sie das Ziel ein, beobachten Sie die Vorschau-Aktualisierung und passen Sie Farbe und Logo an, wenn Sie möchten.

Wenn die Vorschau stimmt, klicken Sie auf Download und wählen Sie SVG. Die Datei speichert als eigenständige .svg in Ihren Downloads-Ordner. Öffnen Sie sie in einem beliebigen Vektor-Editor, in einem Browser oder legen Sie sie direkt in eine Design-Datei. Kein Wasserzeichen, kein Account, kein Scan-Limit auf dem entstandenen Code.

Drei praktische Hinweise zum SVG-Output. Erstens: Der Code ist gruppiert — alle Module leben unter einem einzigen <g>-Element, sodass Umfärben in Illustrator oder Figma eine einzige Aktion ist. Zweitens: Die Quiet Zone um den Code herum ist als leerer Raum im SVG-viewBox erhalten, sodass das Fallenlassen auf eine Design-Canvas die korrekte Marge beibehält. Drittens: Wenn Sie ein Logo hinzugefügt haben, ist es als separate Gruppe eingebettet, die ausgetauscht oder entfernt werden kann, ohne den QR von Grund auf neu zu generieren.

Die SVG in Illustrator bringen

Illustrators Standard-SVG-Import erzeugt eine saubere, ebenenstrukturierte Datei. Öffnen Sie die .svg direkt über Datei → Öffnen, oder ziehen Sie sie auf eine Canvas. Der QR erscheint als Gruppe gefüllter Rechtecke. Um den gesamten Code umzufärben, wählen Sie die Gruppe aus und ändern die Füllung — einzelne Module müssen nicht bearbeitet werden.

Wenn der Code in einer größeren Komposition sitzen soll — ein gebrandetes Poster, eine Menükarte, ein Produktetikett — kopieren Sie die Gruppe und fügen Sie sie in das Zieldokument ein. Illustrator bewahrt die Vektortreue zwischen Dokumenten, sodass Skalieren nach dem Einfügen die Kanten nicht verschlechtert. Die Quiet Zone intakt lassen; den QR nicht beschneiden oder bündig neben anderen Elementen platzieren.

Für CMYK-Druck-Workflows ändern Sie die Füllfarbe von RGB-Schwarz auf 100 Prozent K (Key) oder ein Tiefschwarz Ihrer Wahl. Reines RGB-Schwarz druckt auf den meisten Pressen als wärmeres, weicheres Schwarz, was den Kontrast gegenüber den weißen Modulen reduzieren und die Scan-Zuverlässigkeit senken kann. 100 Prozent K oder ein warmes Tiefschwarz (C:30 M:30 Y:30 K:100) liest sich in der Produktion knackig.

Figma- und Sketch-Workflows

Figma importiert SVG per Copy-Paste oder Drag-Drop. Der importierte QR landet als Frame mit Vektorformen. Um ihn in einem Website-Mockup oder Marketing-Asset zu nutzen, skalieren Sie frei — Figmas Renderer pixelt Vektordateien nie.

Ein Stolperstein speziell in Figma: Wenn Sie einen Figma-Frame mit einem QR zurück als PNG exportieren, wird der Export in Preview-Auflösung gerastert. Für die Druckübergabe exportieren Sie den QR-Frame erneut als SVG, nicht als PNG. Figmas "Export"-Panel bietet beides; für alles, was das Design-Tool verlässt und zu einem Drucker geht, standardmäßig SVG wählen.

Sketch behandelt SVG-Import ähnlich. Die Gruppenstruktur spiegelt die von Figma, und der Umfärb-Workflow ist derselbe — Gruppe auswählen, Füllung ändern.

InDesign für Layout-Seiten

InDesign importiert SVG in nicht jeder Version nativ; ältere 2023er Builds benötigen einen Workaround. Drei Optionen, nach Präferenz geordnet:

Als SVG platzieren (InDesign 2024+) — direkte Unterstützung über Datei → Platzieren. Der QR importiert als Vektor-Grafikrahmen, ohne Qualitätsverlust skalierbar. Das ist der moderne Standard.

Als PDF platzieren — wenn Ihr SVG-Export-Tool auch PDF anbietet (MakeQR tut das), exportieren Sie den QR stattdessen als einseitige PDF. InDesign platziert PDFs nativ in allen Versionen. Die Qualität ist identisch zu SVG, da beide Vektorformate sind.

Copy-Paste aus Illustrator — öffnen Sie die SVG in Illustrator, kopieren Sie die Gruppe, fügen Sie sie in InDesign ein. Funktioniert auch mit älteren InDesign-Builds. Etwas mehr Schritte, aber zuverlässig.

Egal welcher Weg: Prüfen Sie das Preflight-Panel, bevor Sie das finale InDesign-Dokument für die Druckerei exportieren. Bestätigen Sie, dass der QR Vektor (nicht eingebettetes Raster) ist, im korrekten Farbmodus (CMYK für den meisten kommerziellen Druck), und mit mindestens 4 mm Quiet Zone auf allen Seiten.

Sichere Druckgrößen für SVG-QRs

Da SVG unendlich skaliert, ist die praktische Einschränkung die kameralesbare Größe bei typischer Betrachtungsdistanz. Grobe Richtlinien, getestet gegen Android-Mittelklasse-Handys aus 2024:

• Visitenkarte — 20 × 20 mm, 4 mm Quiet Zone. Lesbar bei 20 cm Betrachtungsdistanz.
• Tischkarte / Flyer — 30 × 30 mm, 6 mm Quiet Zone. Lesbar bei 40 cm.
• Poster / Beschilderung — 80 × 80 mm, 16 mm Quiet Zone. Lesbar bei 1,5 m.
• Messe-Banner — 200 × 200 mm, 40 mm Quiet Zone. Lesbar bei 3 m.
• Plakatwand — Größe skaliert grob 10:1 mit Betrachtungsdistanz. Ein 50 cm QR ist bei 5 m lesbar.

Die Faustregel: Betrachtungsdistanz in Metern mal 10 ergibt die minimale QR-Seitenlänge in Millimetern. SVG lässt Sie jede dieser Größen aus derselben Quelldatei treffen, ohne neu generieren zu müssen.

Kurzer DSGVO-Hinweis zum Druck-Workflow

Wenn Sie SVG-QRs an eine Druckerei außerhalb Ihres Hauses schicken — typisch im Mittelstand oder für Handwerksbetriebe mit externen Druckdienstleistern — enthält die SVG selbst keine personenbezogenen Daten. Sie ist ein mathematisches Muster. Was die Datei jedoch kodieren kann, ist eine URL, die auf einen tracking-fähigen Redirector verweist (bei dynamischen QRs). Für den Offset-Druck spielt das keine Rolle. Es wird erst relevant, wenn die Druckerei auch Ihre Website-Analytics betreut oder die QR-Performance auswertet — dann gelten die regulären DSGVO-Auftragsverarbeitungs-Regeln.

Für statische QRs mit direkter URL auf Ihre Unternehmenswebseite ist das reine Drucken der SVG datenschutzrechtlich unkritisch.

FAQ

F. Ist ein SVG QR-Code besser als ein PNG?

A. Für jeden Druckeinsatz ja. SVG speichert den Code als mathematische Formen statt Pixel, sodass er bei jeder Größe scharf bleibt — eine Visitenkarte oder ein 3-Meter-Banner kommen aus derselben Datei. Für Web-Einsatz, bei dem der QR in fester Größe erscheint, ist ein PNG in Ordnung und lädt oft schneller. Die Druck-vs-Bildschirm-Trennung ist die Kernentscheidung.

F. Kann ich ein SVG QR-Code in Illustrator oder Figma bearbeiten?

A. Ja. SVG ist ein natives Vektorformat, also importieren Illustrator, Figma, Sketch und Affinity Designer es alle direkt. Die häufigsten Bearbeitungen sind Umfärben (Füllung der Modulgruppe ändern) und Hinzufügen eines Hintergrunds oder Rahmens. Vermeiden Sie, einzelne Module zu bearbeiten — sie zu löschen oder umzuformen beschädigt das Fehlerkorrekturmuster und kann das Scannen brechen.

F. Sind kostenlose SVG QR-Codes qualitativ schlechter als bezahlte?

A. Nein. Die QR-Spezifikation ist offen (ISO/IEC 18004) und deterministisch — dieselbe Eingabe-URL erzeugt denselben gültigen Code unabhängig davon, welches Tool ihn generiert. Kostenloses SVG von MakeQR oder QRCode Monkey ist bitweise identisch mit SVG aus einem 49-Euro-pro-Monat-Tool bei gleichem Content und gleicher Fehlerkorrekturstufe. Die kostenpflichtigen Stufen verkaufen Analytics und dynamische Weiterleitung, nicht Code-Qualität.

F. Warum sieht mein QR-Code beim Druck pixelig aus?

A. Fast immer, weil die Quelle eine PNG war, die über ihre native Auflösung hinaus skaliert wurde. Eine 500-Pixel-PNG, gestreckt auf einen 20 cm Druck, zeigt sichtbare Pixelkanten um jedes QR-Modul. Die Lösung ist, als SVG neu zu generieren und die Vektordatei für den Druck zu verwenden. Wenn die Druckerei nur Raster akzeptiert, exportieren Sie die SVG in eine hochauflösende PNG (mindestens 1200 DPI in Endgröße) statt eine kleinere Datei hochzuskalieren.

Weiterführende Leitfäden

• Kostenloser QR-Code Generator ohne Anmeldung (2026, Vergleich) — welche Tools SVG-Export ohne Account erlauben.
• Kostenloser QR-Code Generator ohne Wasserzeichen — Ehrliche Liste 2026 — das Pendant zum SVG-Audit beim Wasserzeichen-Thema.
• vCard QR-Code für Visitenkarten erstellen (kostenlos) — SVG-Export ist besonders für Visitenkarten-Druck wichtig.
• MakeQR Editor — jetzt ein SVG generieren, ohne Account.