SVG-QR-Code-Generator - Vektor-QR-Codes für Druck und Web herunterladen
Nutzen Sie den svg qr code generator von QR-Build, um einen skalierbaren Vektor-QR-Code für Drucklayouts, Verpackungen, Beschilderung, Designsoftware und Inline-Web-Einbettungen zu erstellen. Generieren Sie einen URL-, vCard-, WLAN-, PDF-, E-Mail- oder Produkt-QR-Code und laden Sie anschließend eine produktionsreife SVG-Datei für Ihren Workflow herunter.
Webseite
| Ich brauche... | Bester Ansatz |
|---|---|
| Einmaliges SVG für einen statischen Druckauftrag | Erstellen Sie einen statischen QR-Code und laden Sie die SVG-Datei zur Platzierung in Ihrem Layout herunter. |
| SVG für eine saisonale Kampagne, bei der sich die URL ändern kann | Verwenden Sie einen dynamischen QR-Code mit editierbarer Weiterleitung, damit das gedruckte SVG nicht ersetzt werden muss. |
| SVG mit Logo für Verpackungen | Nutzen Sie Logo-Anpassung und eine höhere Fehlerkorrekturstufe und testen Sie die finale Grafik vor der Druckfreigabe. |
| Mehrere SVG-QR-Codes für Produktvarianten | Prüfen Sie die aktuellen Tarife für Bulk-Workflows und die Verwaltung dynamischer Ziele. |
| SVG für eine Inline-Web-Einbettung | Laden Sie die SVG-Quelle herunter oder kopieren Sie sie und betten Sie sie direkt in HTML ein, wenn CSS-Kontrolle erforderlich ist. |
Was ist ein SVG-QR-Code?
QR-Build ist ein webbasierter QR-Code-Generator auf qr-build.com, der QR-Codes für URLs, vCards, WLAN-Netzwerke, PDF-Links, E-Mails, Produkte und weitere unterstützte Inhaltstypen erstellt. Der SVG-Export ist ein Ausgabeformat, kein QR-Inhaltstyp. Sie wählen also zuerst den QR-Code-Typ und laden das Ergebnis danach als Vektordatei herunter.
SVG ist wichtig, wenn der QR-Code nach dem Export skaliert wird. PNG, JPG und BMP sind Rasterformate mit festen Pixelmaßen, sodass ein niedrig aufgelöstes PNG beim Skalieren in Illustrator, InDesign oder einem großformatigen Drucklayout unscharf werden kann. SVG und EPS sind Vektorformate, daher bleiben die Module bei jeder Ausgabegröße mathematisch scharf.
Ein sauberer SVG-QR-Code verbessert die Scanbarkeit nicht automatisch. Scanbarkeit hängt von Kontrast, Ruhezone, Druckgröße und Fehlerkorrektur ab. Das Format schützt die visuelle Schärfe; die QR-Struktur und die finale Grafik müssen vor der Produktion trotzdem getestet werden.
Vektorausgabe
SVG verwendet Pfaddaten statt Pixeln, sodass der QR-Code ohne Neuberechnung oder Unschärfe skaliert werden kann.
Passend für Druck-Workflows
Designer können SVG-QR-Codes in Illustrator, Figma, InDesign, Verpackungsdateien und Beschilderungslayouts platzieren.
Passend für Web-Workflows
Entwickler können SVG als Bilddatei verwenden oder das Markup inline einfügen, um responsive Einbettungen per CSS zu steuern.
SVG vs. PNG vs. EPS - Welches Format sollten Sie herunterladen?
Die Formatwahl sollte sich nach der finalen Platzierung richten. SVG ist meist das beste QR-Code-Vektorformat für moderne Design- und Web-Workflows, PNG bleibt die einfachste Wahl für digitale Bilder mit fester Größe, und EPS ist weiterhin relevant, wenn eine Druckerei einen PostScript-Prepress-Workflow verlangt.
| Format | Am besten für | Auflösung | Dateigröße | Software-Unterstützung |
|---|---|---|---|---|
| SVG | Moderner Druck, Web, Branding, Verpackungen, responsive Einbettungen | Auflösungsunabhängiger Vektor | Klein bis moderat | Browser, Illustrator, Figma, InDesign, Sketch, Inkscape, Affinity Designer |
| PNG | Rein digitale Bilder, E-Mail-Bilder, Social Posts, Präsentationsfolien | Feste Rasterpixel | Moderat | Universelle Unterstützung in fast jeder Anwendung |
| EPS | Professionelle Druckvorstufe, Offsetdruck, ältere PostScript-RIP-Systeme | Auflösungsunabhängiger Vektor | Oft größer als SVG | Illustrator, InDesign, CorelDraw und Prepress-Tools von Druckdienstleistern |
Dieser Vergleich basiert auf QR-Builds Prüfung von SVG-, PNG- und EPS-Workflows in Illustrator CC, Figma, InDesign, modernen Browsern und typischen Druckübergaben im Jahr 2026.
| Bedingung | Formatempfehlung |
|---|---|
| Der QR-Code wird in einem Drucklayout skaliert | Verwenden Sie SVG, damit die Module in der finalen Ausgabegröße scharf bleiben. |
| Der QR-Code ist nur für ein E-Mail-Bild mit fester Größe gedacht | Verwenden Sie PNG, weil es einfach, breit akzeptiert und für reine Rasterplatzierungen ausreichend ist. |
| Eine Druckerei verlangt eine PostScript-kompatible Datei | Verwenden Sie EPS oder bestätigen Sie, dass die Druckerei das SVG über ihr konkretes Prepress-System konvertieren kann. |
| Das QR-Code-Ziel kann sich nach dem Druck ändern | Verwenden Sie SVG-Ausgabe mit einem dynamischen QR-Code, damit die Vektordatei gleich bleibt und das Weiterleitungsziel editierbar bleibt. |
So erstellen Sie einen SVG-QR-Code mit QR-Build
- 1
Schritt 1 - QR-Code-Typ wählen
Beginnen Sie mit dem Inhaltstyp: URL, vCard, WLAN, PDF-Link, E-Mail, Event, Produkt oder eine andere unterstützte QR-Kategorie. Wenn Sie unsicher sind, welcher Payload-Typ passt, nutzen Sie den passenden QR-Code-Typ auswählen als ergänzende Referenz.
- 2
Schritt 2 - Inhalt eingeben
Fügen Sie Ziel-URL, Kontaktdaten, WLAN-Zugangsdaten, Dokumentlink oder Kampagneninhalt hinzu. Bestätigen Sie bei Druckkampagnen, dass die URL final ist, bevor Sie einen statischen QR-Code wählen.
- 3
Schritt 3 - Design anpassen
Passen Sie Farben, Logo, Rahmen oder Form erst an, wenn der Inhalt korrekt ist. Wenn Markenstil die Hauptaufgabe ist, lesen Sie, wie Sie Ihr QR-Code-Design anpassen, ohne die Scan-Zuverlässigkeit zu gefährden.
- 4
Schritt 4 - Als SVG herunterladen
Wählen Sie SVG als Exportformat und platzieren Sie die Datei in Illustrator, Figma, InDesign, einer Web-Komponente oder einem druckfertigen Paket. Testen Sie die platzierte Grafik per Scan, bevor Sie veröffentlichen oder einen Drucklauf freigeben.
Machen Sie Ihren gedruckten SVG-QR-Code aktualisierbar
Ein dynamischer QR-Code lässt das gedruckte SVG an Ort und Stelle, während sich die Ziel-URL über QR-Builds Weiterleitungsebene ändert. Nutzen Sie ihn für Speisekarten, saisonale Verpackungen, Eventmaterial und Kampagnen mit langen Druckauflagen.
SVG-QR-Codes in Designsoftware verwenden
Adobe Illustrator
Adobe Illustrator ist eine Vektor-Designsoftware, die SVG nativ importiert und Pfadbearbeitung unterstützt. Platzieren Sie das SVG, verwenden Sie bei Bedarf Objekt > Gruppierung aufheben für Zugriff auf Modulebene, skalieren Sie ohne Qualitätsverlust und stellen Sie vor dem Druckexport den Dokumentfarbmodus auf CMYK um.
Figma
Figma ist ein browserbasiertes Design-Tool, das SVG per Zwischenablage oder Dateiimport akzeptiert. Ein QR-Build-SVG kann zu einer Komponente werden, in Interface-Layouts skaliert werden und auf hochauflösenden Displays gestochen scharf bleiben.
Adobe InDesign
Adobe InDesign ist Layoutsoftware, die SVG als verknüpftes oder eingebettetes Asset platziert. Bewahren Sie die Ruhezone beim Einpassen des Rahmens, denn das Zuschneiden des weißen Randes ist ein häufiger Grund für fehlgeschlagene Druck-QR-Codes.
Canva
Canva ist ein webbasiertes Design-Tool, das SVG als hochgeladenes Element nutzen kann, aber die SVG-Upload-Verfügbarkeit kann vom aktuellen Tarif abhängen. Prüfen Sie die SVG-Unterstützung in Ihrem Canva-Konto, bevor Sie einem Kunden editierbare Vektorlieferungen zusagen.
CorelDraw
CorelDraw ist Vektorgrafiksoftware für Beschilderungs- und Großformatdruck-Workflows. Es kann SVG und EPS öffnen, doch Druckereien sollten vor einer großen Produktion das anbieterspezifische RIP-Verhalten bestätigen.
Inkscape and Affinity Designer
Inkscape und Affinity Designer verarbeiten SVG beide als natives Vektorformat. Sie sind praktische Optionen für Freelancer, die Pfaddaten prüfen oder Assets für die Kundenübergabe konvertieren müssen.
SVG-QR-Codes im Web einbetten
Inline-Einbettung bedeutet, SVG-Markup direkt in HTML einzufügen. Das ermöglicht CSS-Kontrolle und vermeidet eine zusätzliche HTTP-Anfrage. Datei-Einbettung bedeutet, das SVG als Bild-Asset auszuliefern, was einfacher zu verwalten ist, wenn Designer und Entwickler Dateien teilen.
| Methode | Am besten für | Implementierung |
|---|---|---|
| Inline-SVG | Web-Komponenten, responsive Layouts, CSS-Größensteuerung, keine zusätzliche Anfrage | Fügen Sie das SVG-Markup in HTML ein und ergänzen Sie role- und aria-label-Attribute. |
| Bilddatei | Einfache Seiten, CMS-Uploads, Dokumentation, statische Asset-Pipelines | Verwenden Sie ein img-Element mit beschreibendem alt-Attribut und steuern Sie die Anzeigegröße per CSS. |
| Download-Link | Entwicklerübergabe oder nutzerzugängliche QR-Asset-Downloads | Liefern Sie die SVG-Datei mit dem korrekten Content-Type image/svg+xml aus. |
<svg role="img" aria-label="QR-Code mit Link zur Kampagnen-Landingpage" viewBox="0 0 256 256">...</svg>
<img src="/assets/campaign-qr.svg" alt="QR-Code mit Link zur Kampagnen-Landingpage">SVG-QR-Codes für Druck und Verpackungen
Der SVG-Export passt in die Druckkette: SVG-Export erzeugt Vektorpfade, Vektorpfade sind auflösungsunabhängig, die Ruhezone kann in Layoutsoftware erhalten bleiben, und der Code bleibt scanbar, wenn Kontrast und Größe stimmen. Nutzen Sie für die Größenplanung den QR-Code-Größenleitfaden für den Druck zusammen mit den Produktionsvorgaben Ihres Dienstleisters.
Verpackungsdesigner
Ein Produktetikett benötigt einen QR-Code, der eine Garantieseite öffnet und ohne Rasterunschärfe in Illustrator platziert werden muss.
SVG hält die Modulränder scharf und erlaubt dem Designer, das Asset an die Etikettvorgaben anzupassen.
Druckerei-Bediener
Ein Kunde liefert ein niedrig aufgelöstes PNG für ein Messebanner, aber die finale Ausgabe ist über 1 Meter breit.
Ein Vektor-QR-Code kann ohne Qualitätsverlust groß skaliert werden, solange Ruhezone und Kontrast intakt bleiben.
Marketingagentur
Eine saisonale Kampagne nutzt Poster, Tischaufsteller und Direktmailings mit einem QR-Ziel, das sich ändern kann.
Dynamische SVG-QR-Ausgabe verbindet gedruckte Werbemittel mit einer editierbaren Weiterleitungs-URL und senkt das Nachdruckrisiko.
Freelance-Studio
Ein Kunde wünscht finale Markenassets mit einer QR-Code-Vektordatei für künftige Visitenkarten und Geschäftsausstattung.
SVG liefert eine wiederverwendbare Datei, die in künftigen Druck- und Digitalvorlagen platziert werden kann.
Statische vs. dynamische SVG-QR-Codes
Ein statischer QR-Code hat ein Ziel, das bei der Erstellung dauerhaft im Muster codiert wird. Ein dynamischer QR-Code nutzt eine Weiterleitungsebene, also einen serverseitigen Vermittler, der Scanner-Traffic von einer festen Kurz-URL zur aktuellen Ziel-URL weiterleitet. Einen tieferen Vergleich finden Sie unter statische vs. dynamische QR-Codes für Druckkampagnen und dazu, wie Teams Scans mit QR-Code-Analytics verfolgen können.
| Kriterium | Statischer SVG-QR-Code | Dynamischer SVG-QR-Code |
|---|---|---|
| Bearbeitbarkeit des Ziels | Das Ziel ist nach der Erstellung fest. | Das Ziel kann im Dashboard aktualisiert werden, ohne das gedruckte SVG zu ändern. |
| Analytics | Keine integrierten Scan-Analytics, sofern das Zielsystem Besuche nicht selbst erfasst. | Scan-Analytics können QR-Leistung mit Kampagnen-ROI verbinden. |
| Nachdruckrisiko | Höheres Risiko, wenn URLs, Menüs, Formulare oder Kampagnenseiten sich ändern können. | Geringeres Risiko, weil das Weiterleitungsziel nach dem Druck bearbeitet werden kann. |
| Bester Einsatz | Einmalige Druckstücke, feste Ziele, einfache Web-Einbettungen. | Saisonale Kampagnen, Verpackungen, Speisekarten, Eventmaterial und lange Druckauflagen. |
Häufige Fehler mit SVG-QR-Codes
Ruhezone zuschneiden
Die Ruhezone ist der leere Rand, den Scanner verwenden, um den Code zu lokalisieren. Halten Sie nach dem Platzieren des SVG in einem Rahmen oder Layout auf allen Seiten mindestens 4 Modulbreiten ein.
Pfade zu stark komprimieren
Aggressive SVG-Optimierung kann Pfade zusammenführen, vereinfachen oder verändern und dadurch die Modulgeometrie beschädigen. Validieren Sie die optimierte Datei vor dem Produktionseinsatz.
Farben mit geringem Kontrast verwenden
Helle Module auf einem kontrastarmen Hintergrund können scheitern, selbst wenn das SVG perfekt scharf ist. Verwenden Sie dunkle Module auf hellem Hintergrund, sofern Tests nichts anderes belegen.
SVG als automatische Scanverbesserung behandeln
SVG verhindert Verpixelung, hebt aber schlechte Größe, schwachen Kontrast, beschädigte Ruhezone oder unzureichende Fehlerkorrektur nicht auf.
EPS als Umweg verwenden
EPS ist nützlich, wenn ein Dienstleister es verlangt, aber moderne Tools verarbeiten SVG oft direkt. Vermeiden Sie unnötige Konvertierung, sofern der Druck-Workflow sie nicht fordert.
Bestätigung durch den Dienstleister überspringen
Einige professionelle Druckereien verlangen weiterhin EPS für die Kompatibilität mit PostScript-RIP-Workflows. Klären Sie die Anforderungen vor der finalen Lieferung.
Best Practices für SVG-QR-Code-Downloads
Nach Anpassungen scannen testen
Testen Sie den QR-Code nach dem Hinzufügen von Logos, Umfärben der Module, Platzieren auf einem Hintergrund oder Exportieren der finalen Grafik.
Höhere Fehlerkorrektur für Logos verwenden
Fehlerkorrekturstufen Q und H bieten mehr Wiederherstellungskapazität, wenn ein Logo oder Designelement einen Teil des QR-Musters verdeckt.
Dynamische Reserve behalten
Verwenden Sie dynamische QR-Codes für Speisekarten, Events, Verpackungen und saisonale Kampagnen, bei denen eine geänderte URL sonst einen Nachdruck erzwingen würde.
Dateien mit Versionen benennen
Nutzen Sie eine vorhersehbare Konvention wie brand-qr-v2.svg, damit Designer, Kunden und Druckereien wissen, welche Datei freigegeben ist.
Quell- und platzierte Dateien bewahren
Bewahren Sie das ursprüngliche SVG neben der finalen Designdatei auf, damit der QR-Code geprüft oder ersetzt werden kann, ohne das gesamte Layout neu aufzubauen.
Aktuelle Preise prüfen
Dynamische QR-Funktionen und Tariflimits können sich ändern. Nutzen Sie aktuelle Tarife ansehen, bevor Sie Annahmen zu kostenpflichtigen Workflows festlegen.
Technische Spezifikationen
QR-Builds SVG-Export erzeugt saubere Pfadausgabe, statt ein gerastertes PNG in einen SVG-Container zu verpacken. Dateien werden als gültiges SVG-Markup exportiert. Fehlerkorrektur-Standards und Optionen hängen vom gewählten QR-Workflow ab; die Stufen L, M, Q und H entsprechen etwa 7 %, 15 %, 25 % und 30 % Wiederherstellungskapazität. Wir empfehlen Q oder H für Designs mit eingebettetem Logo und einen Scan-Test vor der Druckfreigabe.
| Bereich | Spezifikation | Produktionshinweis |
|---|---|---|
| Dateiformate | SVG-, PNG- und EPS-orientierte Workflows für Druckübergaben | Verwenden Sie SVG für moderne Vektorausgabe; bestätigen Sie EPS-Anforderungen mit Druckdienstleistern. |
| Ruhezone | Mindestens 4 Modulbreiten auf allen Seiten | Schneiden Sie den leeren Rand nicht ab, wenn Sie das SVG in einem Layoutrahmen platzieren. |
| Fehlerkorrektur | L 7 %, M 15 %, Q 25 %, H 30 % | Verwenden Sie Q oder H, wenn Sie ein Logo hinzufügen oder die Druckbedingungen weniger vorhersehbar sind. |
| DPI | Für SVG nicht relevant, da SVG auflösungsunabhängig ist | DPI ist für Rasterexporte und finale Druckproduktion wichtig, nicht für die Vektorquelldatei. |
| URL-Payload | Kürzere URLs erzeugen weniger dichte QR-Muster | Dynamische QR-Weiterleitungen können gedruckte Muster kompakt halten und zugleich editierbare Ziele bewahren. |
| Tool | SVG-Unterstützung | Einschränkung |
|---|---|---|
| Moderne Browser | Native SVG-Darstellung seit 2026 | Inline-SVG benötigt in Chrome, Firefox, Safari oder Edge kein Plugin und keinen Polyfill. |
| Adobe Illustrator CC | Nativer SVG-Import in 2024 und später | Verwenden Sie für die Druckausgabe den CMYK-Dokumentmodus und testen Sie nach dem Umfärben. |
| Figma | Einfügen aus der Zwischenablage und Dateiimport | Importiertes SVG kann zu einer Komponente oder editierbaren Vektorgruppe werden. |
| Adobe InDesign | SVG in Layoutdokumenten platzieren | Bestätigen Sie, dass der Rahmen die Ruhezone nicht abschneidet. |
| Canva | SVG-Upload kann vom Tarif abhängen | Prüfen Sie die aktuelle Kontounterstützung vor der Kundenlieferung. |
| Ältere Druck-RIP-Systeme | Können EPS statt SVG verlangen | Fragen Sie vor einer großen Druckauflage, welches Vektorformat der Dienstleister verlangt. |
Glossar
SVG
SVG, oder Scalable Vector Graphics, ist ein XML-basiertes Vektorbildformat, das Grafiken als Pfade codiert und ohne Verpixelung skaliert.
EPS
EPS, oder Encapsulated PostScript, ist ein Vektorformat für professionelle Druckvorstufen-Workflows und ältere RIP-Systeme.
Vektor
Vektorbilder werden durch mathematische Pfade definiert und können daher unbegrenzt skaliert werden, ohne Kantenschärfe zu verlieren.
Raster
Rasterbilder bestehen aus festen Pixeln; ihre Qualität sinkt, wenn sie über ihre ursprünglichen Abmessungen hinaus vergrößert werden.
DPI
DPI, also Punkte pro Zoll, misst Druckauflösung; es gilt nicht für SVG-Quelldateien, weil SVG auflösungsunabhängig ist.
Ruhezone
Die Ruhezone ist der leere Rand um einen QR-Code, den Scanner zum Erkennen des Musters verwenden; mindestens 4 Modulbreiten werden empfohlen.
Fehlerkorrektur
Fehlerkorrektur ist QR-Code-Datenredundanz, die das Scannen auch dann ermöglicht, wenn ein Teil des Musters verdeckt ist; die Stufen L, M, Q und H bieten steigende Wiederherstellungskapazität.
Inline-Einbettung
Inline-Einbettung bedeutet, SVG-Markup direkt in HTML zu platzieren, damit CSS den QR-Code steuern kann, ohne eine separate Bilddatei zu laden.
Dynamischer QR-Code
Ein dynamischer QR-Code verwendet eine Weiterleitungsebene, mit der die Ziel-URL nach dem Druck aktualisiert werden kann.
Weiterleitungsebene
Eine Weiterleitungsebene ist ein serverseitiger Vermittler, der Scanner-Traffic von einer festen Kurz-URL zur aktuellen Ziel-URL weiterleitet.
Saubere SVG-Ausgabe
Saubere SVG-Ausgabe besteht aus Vektorpfaddaten ohne eingebettetes Rasterbild und erlaubt zuverlässiges Skalieren und Prüfen in Designsoftware.
FAQ - SVG-QR-Code-Generator
Was ist ein SVG-QR-Code?
Ein SVG-QR-Code ist ein QR-Code, der als Scalable Vector Graphics-Datei exportiert wird, ein Format aus mathematischen Pfaden, das auf jede Größe ohne Verpixelung skaliert. Anders als PNG oder JPG ist SVG auflösungsunabhängig und bleibt bei jeder Ausgabegröße scharf. QR-Build generiert SVG-QR-Codes für URLs, vCards, WLAN-Netzwerke, PDFs und alle weiteren unterstützten Inhaltstypen.
Ist SVG das beste Format für QR-Codes?
SVG ist das beste Format, wenn der QR-Code im Druck, in Großformat-Ausgaben, auf Verpackungen oder als Inline-Web-Einbettung mit responsiver Skalierung verwendet wird. Für rein digitale Kontexte wie Social-Media-Bilder, E-Mail-Inhalte oder Präsentationsfolien ist PNG einfacher und ebenso effektiv. Wählen Sie das Format danach, wo und wie der QR-Code angezeigt wird.
Ist die SVG-QR-Code-Erstellung mit QR-Build kostenlos?
QR-Build unterstützt SVG-Downloads für statische QR-Workflows. Dynamische QR-Codes mit editierbarer Weiterleitungs-URL und Scan-Analytics sind nach den aktuellen Tarifregeln verfügbar. Siehe aktuelle Tarife ansehen für aktuelle Funktionen und Preise.
Kann ich einen SVG-QR-Code in Adobe Illustrator verwenden?
Ja. SVG-Dateien lassen sich nativ in Adobe Illustrator öffnen. Verwenden Sie nach dem Import Objekt > Gruppierung aufheben, um einzelne Pfade zu bearbeiten, und skalieren Sie anschließend ohne Qualitätsverlust auf jede Größe. QR-Builds SVG-Ausgabe nutzt einzelne Pfaddaten ohne eingebettetes Raster und eignet sich für Produktionsprüfungen. Stellen Sie den Dokumentfarbmodus vor dem Druckexport auf CMYK um.
Was ist der Unterschied zwischen SVG und EPS bei QR-Codes?
SVG und EPS sind beide Vektorformate, die ohne Qualitätsverlust skalieren. SVG ist der moderne Standard, unterstützt von Browsern, Figma, Illustrator, InDesign und wichtigen Design-Tools. EPS ist ein älteres PostScript-Format, das in professionellen Druckvorstufen weiterhin verwendet wird. Für die meisten Workflows im Jahr 2026 ist SVG empfohlen; wählen Sie EPS nur, wenn das System Ihrer Druckerei es ausdrücklich verlangt.
Kann ich meinen SVG-QR-Code dynamisch machen?
Die SVG-Datei ist immer eine statische Datei, weil das codierte Muster beim Download festgelegt ist. Wenn der QR-Code jedoch in QR-Build als dynamischer QR-Code erstellt wird, zeigt er auf eine Weiterleitungs-URL, die Sie im Dashboard aktualisieren können. Das gedruckte SVG ändert sich nie; nur das Ziel der Weiterleitung wird aktualisiert. Dadurch sind dynamische SVG-QR-Codes nützlich für Druckkampagnen, bei denen URLs wechseln können.
Wie bette ich einen SVG-QR-Code in eine Website ein?
Fügen Sie den SVG-Quellcode direkt als Inline-SVG-Element in HTML ein, wenn Sie CSS-Kontrolle und keine zusätzliche HTTP-Anfrage möchten. Alternativ verwenden Sie ein img-Element mit beschreibendem alt-Attribut für eine einfachere Implementierung. Für Barrierefreiheit ergänzen Sie role="img" und aria-label im Inline-SVG-Markup, damit der Zweck des QR-Codes für assistive Technologien klar ist.
Wird ein SVG-QR-Code auf Plakatwandgröße scannen?
Ja, SVG ist auflösungsunabhängig, sodass die Skalierung auf Plakatwandmaße keine Qualitätsverluste erzeugt. Die Scanbarkeit im Großformat hängt von Kontrast, einer Ruhezone von mindestens 4 Modulbreiten auf allen Seiten und einer passenden Fehlerkorrekturstufe ab. Das Dateiformat schützt die Schärfe, aber die Scanqualität hängt weiterhin von der final gedruckten Grafik ab.
Was ist eine Ruhezone und warum ist sie für den Druck wichtig?
Eine Ruhezone ist der leere Rand um einen QR-Code, der Scannern ermöglicht, das Muster zu finden und zu lesen. Die empfohlene minimale Ruhezone beträgt 4 Modulbreiten auf allen Seiten. Wenn Sie einen SVG-QR-Code in Layoutsoftware platzieren, stellen Sie sicher, dass die Ruhezone nicht abgeschnitten wird, denn das ist eine häufige Ursache dafür, dass gedruckte QR-Codes nicht scannen.
Wie skaliere ich einen SVG-QR-Code ohne Qualitätsverlust?
Skalieren Sie das SVG, indem Sie einen Eckgriff ziehen oder im Transformationsbereich Ihres Design-Tools eine konkrete Größe setzen. Neuberechnung oder Auflösungseinstellung ist nicht erforderlich, weil SVG vektorbasiert ist. Illustrator, Figma, InDesign und andere Vektoreditoren erhalten bei jeder Skalierung die volle Qualität.
Kann ich einem SVG-QR-Code ein Logo hinzufügen?
Ja. QR-Build unterstützt Logo-Overlay während der QR-Code-Erstellung vor dem SVG-Download. Verwenden Sie beim Hinzufügen eines Logos, sofern verfügbar, Fehlerkorrekturstufe Q oder H, damit der QR-Code mehr Wiederherstellungskapazität hat. Testen Sie den final gestalteten QR-Code immer per Scan, bevor Sie einen Drucklauf freigeben.
Welche Software öffnet SVG-QR-Code-Dateien?
SVG-Dateien lassen sich in Adobe Illustrator, Figma, Adobe InDesign, CorelDraw, Inkscape, Sketch, Affinity Designer und Canva öffnen, wenn SVG-Upload im aktuellen Tarif verfügbar ist. SVG wird außerdem nativ von Chrome, Firefox, Safari und Edge ohne Plugin gerendert.
Was ist der Unterschied zwischen SVG und PNG bei QR-Codes?
SVG ist Vektor, PNG ist Raster. Ein SVG skaliert auf jede Größe, ohne die Kantenschärfe zu verändern, während ein PNG eine feste Pixelauflösung hat und beim Vergrößern unscharf werden kann. Verwenden Sie SVG für Druck, Verpackungen, Großformat-Ausgaben und Inline-Web-Einbettungen. Verwenden Sie PNG für rein digitale Kontexte, in denen die finale Bildgröße feststeht.
Wie verwende ich einen SVG-QR-Code in Figma?
Kopieren Sie die SVG-Quelle aus QR-Build und fügen Sie sie direkt in eine Figma-Datei ein, oder ziehen Sie die heruntergeladene SVG-Datei auf die Arbeitsfläche. Figma importiert SVG als editierbare Vektorgeometrie, die skaliert, umgefärbt oder in eine Komponente eingebettet werden kann. Testen Sie den finalen Code nach jeder Stiländerung.
Warum scannt mein SVG-QR-Code nach dem Platzieren im Layout nicht?
Die häufigste Ursache ist eine zugeschnittene Ruhezone, bei der der leere Rand beim Platzieren oder Einrahmen des SVG in Layoutsoftware entfernt wurde. Stellen Sie auf allen Seiten mindestens 4 Modulbreiten freien Raum wieder her. Die zweithäufigste Ursache ist geringer Kontrast. SVG gegenüber PNG entscheidet nicht über Scan-Erfolg; Kontrast, Ruhezone, Größe und Fehlerkorrektur sind die bestimmenden Faktoren.
Verwandte QR-Code-Tools
Produktionsreifen SVG-QR-Code generieren
Erstellen Sie einen sauberen Vektor-QR-Code für Druck, Verpackungen, Designsoftware oder Web-Einbettung. Nutzen Sie statisches SVG für feste Ziele oder wählen Sie dynamischen QR, wenn der gedruckte Code eine editierbare URL benötigt.
Kein Raster-Wrapper. Saubere Vektorausgabe für professionelle Übergaben.
