Grundlagen

QR-Code erstellen: Anleitung Schritt für Schritt

QR-Code erstellen leicht gemacht: Inhalt wählen, eingeben, gestalten, herunterladen. Mit Tipps zu Inhaltstypen, PNG vs. SVG und zuverlässigem Scannen.

Lesezeit 7 Min. Aktualisiert 09.06.2026 3 Quellen Mateusz Viola Mateusz Viola
Inhalt

Ein QR-Code ist schnell gemacht, aber ein paar Details entscheiden darüber, ob er später zuverlässig scannt. In dieser Anleitung gehe ich den kompletten Ablauf durch: welche Inhalte möglich sind, wie du sie eingibst, gestaltest und im richtigen Format herunterlädst. Am Ende weißt du auch, wie du typische Scan-Probleme vermeidest.

Was ein QR-Code überhaupt enthalten kann

Ein QR-Code speichert Text. Was dein Smartphone daraus macht, hängt davon ab, wie dieser Text aufgebaut ist. Eine Webadresse wird als Link erkannt, eine besonders formatierte Zeichenkette als WLAN-Zugang oder Kontakt. Genau deshalb wählst du beim Erstellen zuerst den Inhaltstyp aus: Das Tool baut die richtige Struktur im Hintergrund zusammen, du musst dir die Syntax nicht merken.

Diese Inhaltstypen stehen dir auf code-erzeugen.de zur Verfügung:

InhaltstypWofür geeignetVerhalten beim Scan
LinkWebseite, Landingpage, Shop, Menü, Social-ProfilBrowser öffnet die Adresse
WLANGäste-WLAN in Café, Praxis, FerienwohnungGerät verbindet sich direkt
Kontakt (vCard)Visitenkarte, Messe, E-Mail-SignaturKontakt wird zum Speichern angeboten
E-MailVorausgefüllte Mail mit Empfänger und BetreffMail-App öffnet sich
TelefonDirektwahl für Support oder BestellungWählvorgang startet
TextHinweis, Code, Seriennummer, kurze NachrichtText wird angezeigt
StandortTreffpunkt, Geschäftsadresse, VeranstaltungsortKarten-App öffnet die Position

Schritt 1: Inhaltstyp wählen

Überlege dir, was beim Scannen passieren soll. Soll sich eine Seite öffnen, nimmst du Link. Sollen sich Gäste ohne Passworteingabe verbinden, ist der WLAN-Typ richtig. Für die digitale Visitenkarte wählst du Kontakt. Die Anleitung zum Link-QR-Code, zum WLAN-Code und zur vCard gehen jeweils auf die Besonderheiten ein.

Die Wahl ist nicht nur Komfort, sondern bestimmt das Erlebnis beim Scannen. Ein Link, der direkt im Browser landet, fühlt sich nahtlos an. Ein WLAN-Code, der ohne Tippen verbindet, spart deinen Gästen das mühsame Abschreiben kryptischer Passwörter. Eine vCard, die mit einem Tipp im Adressbuch landet, wirkt professioneller als ein abfotografierter Zettel. In jedem Fall gilt: Der Inhalt steckt fest im Muster, sobald du den Code heruntergeladen hast. Du erstellst also pro Zweck einen eigenen Code, statt einen universellen für alles.

Schritt 2: Inhalt eingeben

Jetzt füllst du die Felder aus. Beim Link achtest du darauf, dass die Adresse vollständig ist, also mit https:// beginnt. Beim WLAN-Typ gibst du Netzwerkname und Passwort exakt so ein, wie sie am Router stehen, inklusive Groß- und Kleinschreibung. Bei der vCard trägst du Name, Telefonnummer und E-Mail ein.

Schritt 3: Gestalten

Ein QR-Code muss nicht schwarz-weiß sein. Du kannst die Modulfarbe und den Hintergrund anpassen und ein Logo in die Mitte setzen. Wichtig ist dabei nur eines: Der Kontrast muss stimmen. Dunkle Module auf hellem Grund funktionieren immer, helle Module auf dunklem Grund oft nicht, weil viele Scanner einen dunklen Vordergrund erwarten.

ab 4:1

Empfohlener Kontrast Vordergrund zu Hintergrund

bis 30%

Codefläche durch Logo überdeckbar bei Stufe H

4 Module

Empfohlene Ruhezone am Rand

Wenn du ein Logo einbaust, überdeckt es einen Teil der Module. Das gleicht der Code durch seine eingebaute Fehlerkorrektur aus. Je höher die Stufe, desto mehr Verlust verkraftet der Code, desto dichter wird er aber auch. Für ein Logo lohnt sich die Stufe Q oder H. Mehr zu Farbe und Logo liest du im Ratgeber zum QR-Code mit Logo.

Beim Färben hilft ein einfacher Grundsatz: Verändere nur die Modulfarbe, nicht das Verhältnis von dunkel zu hell. Ein dunkelblauer Code auf weißem Grund scannt zuverlässig, ein hellgrauer Code auf weißem Grund nicht, weil der Unterschied zu gering ist. Verläufe und Muster im Hintergrund sehen oft schick aus, schwächen aber den Kontrast genau dort, wo der Scanner Eindeutigkeit braucht. Platziere das Logo mittig und halte es klein genug, dass die drei Finder-Quadrate in den Ecken frei bleiben. Diese Ecken sind die Orientierungspunkte des Scanners und dürfen niemals verdeckt werden.

Die schönste Gestaltung nützt nichts, wenn der Code nicht mehr scannt. Kontrast schlägt Optik.

Schritt 4: Herunterladen, PNG oder SVG

Zum Schluss lädst du den Code herunter. Du hast die Wahl zwischen zwei Formaten, und die Entscheidung hängt davon ab, wo der Code eingesetzt wird.

PNG ist ein Pixelformat. Es eignet sich für die Anzeige auf dem Bildschirm, für Social Media, E-Mail-Signaturen und kleinere Drucke. Lade es in ausreichender Größe herunter, damit es beim Vergrößern nicht unscharf wird.

SVG ist ein Vektorformat. Es beschreibt den Code als Geometrie statt als Pixel und bleibt deshalb bei jeder Größe gestochen scharf, vom Aufkleber bis zum Plakat. Für professionellen Druck ist SVG die bessere Wahl. Eine Einordnung der Bildformate findest du in der MDN-Dokumentation.

FormatTypStärkeTypischer Einsatz
PNGPixel (Raster)einfach, überall nutzbarBildschirm, Social Media, kleine Drucke
SVGVektorbeliebig skalierbar, scharfPlakat, Schild, Verpackung, Profidruck

So bleibt dein Code zuverlässig scannbar

Drei Faktoren entscheiden in der Praxis fast immer über Erfolg oder Misserfolg.

Kontrast. Dunkel auf hell ist der sichere Standard. Wenn du Farben nutzt, halte den Vordergrund deutlich dunkler als den Hintergrund.

Ruhezone. Rund um den Code gehört ein weißer Rand, die sogenannte Quiet Zone. Wird sie beim Zuschneiden oder im Layout abgeschnitten, finden manche Scanner den Code nicht mehr. Plane rundherum eine Fläche von etwa vier Modulbreiten ein.

Größe und Abstand. Je größer der Scanabstand, desto größer muss der Code sein. Eine grobe Faustregel: Die Kantenlänge sollte etwa ein Zehntel des geplanten Scanabstands betragen. Für ein Plakat, das aus zwei Metern gescannt wird, sind das rund 20 Zentimeter.

Empfohlene Mindestgröße nach Scanabstand Aufkleber, 25 cm 2,5 cm Flyer, 50 cm 5 cm Aushang, 1 m 10 cm Plakat, 2 m 20 cm
Faustregel: Kantenlänge etwa ein Zehntel des Scanabstands. Werte sind Richtwerte.

Kurz zusammengefasst

Ein verlässlicher QR-Code ist kein Zufall. Du wählst den passenden Inhaltstyp, gibst die Daten sauber ein, gestaltest mit ausreichend Kontrast und lädst im Format herunter, das zum Einsatzort passt. Wenn dich interessiert, was im Muster technisch passiert, erklärt der Beitrag wie ein QR-Code funktioniert den Aufbau und die Fehlerkorrektur im Detail. Den Rest erledigt das Tool in wenigen Sekunden, kostenlos und ohne Anmeldung.

Häufige Fragen

Brauche ich ein Konto, um einen QR-Code zu erstellen?

Nein. Auf code-erzeugen.de läuft die gesamte Erstellung lokal im Browser. Es ist keine Anmeldung nötig, und deine Eingaben verlassen dein Gerät nicht.

Welcher Inhaltstyp ist der richtige für mich?

Das hängt vom Zweck ab. Für eine Webseite nimmst du Link, für Gäste-WLAN den WLAN-Typ, für die Visitenkarte vCard. Die Tabelle im Artikel ordnet jeden Typ einem typischen Einsatz zu.

PNG oder SVG, was soll ich herunterladen?

PNG eignet sich für Bildschirm, Social Media und kleine Drucke. SVG ist ein Vektorformat und bleibt bei jeder Größe scharf, also ideal für Plakate, Schilder und professionellen Druck.

Warum lässt sich mein QR-Code nicht scannen?

Meist fehlt Kontrast, der Code ist zu klein gedruckt oder die weiße Ruhezone am Rand wurde abgeschnitten. Prüfe diese drei Punkte zuerst und teste mit mehreren Geräten.

Kann ich Farbe und Logo frei wählen?

Ja, solange genug Kontrast zwischen Vordergrund und Hintergrund bleibt. Ein dunkler Code auf hellem Grund funktioniert am zuverlässigsten. Beim Logo hilft eine höhere Fehlerkorrektur.

Quellen

Mateusz Viola

Über die Autorenschaft

Mateusz Viola

Betreiber und redaktionelle Verantwortung code-erzeugen.de

Themengebiet: Funktionsweise des Generators, Inhalte, Design und Export

Mehr über Mateusz Viola →

Verwandte Artikel

QR-Code-Generator nutzen

Sofort im Browser, ohne Anmeldung.

Zum Generator
Anzeige
Anzeige
Anzeige
Anzeige