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.
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:
| Inhaltstyp | Wofür geeignet | Verhalten beim Scan |
|---|---|---|
| Link | Webseite, Landingpage, Shop, Menü, Social-Profil | Browser öffnet die Adresse |
| WLAN | Gäste-WLAN in Café, Praxis, Ferienwohnung | Gerät verbindet sich direkt |
| Kontakt (vCard) | Visitenkarte, Messe, E-Mail-Signatur | Kontakt wird zum Speichern angeboten |
| Vorausgefüllte Mail mit Empfänger und Betreff | Mail-App öffnet sich | |
| Telefon | Direktwahl für Support oder Bestellung | Wählvorgang startet |
| Text | Hinweis, Code, Seriennummer, kurze Nachricht | Text wird angezeigt |
| Standort | Treffpunkt, Geschäftsadresse, Veranstaltungsort | Karten-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.
| Format | Typ | Stärke | Typischer Einsatz |
|---|---|---|---|
| PNG | Pixel (Raster) | einfach, überall nutzbar | Bildschirm, Social Media, kleine Drucke |
| SVG | Vektor | beliebig skalierbar, scharf | Plakat, 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.
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
Ü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
Technik
Wie funktioniert ein QR-Code? Aufbau und Technik erklärt
Wie ein QR-Code technisch funktioniert: Module, Finder-Muster, Datenbereich, Reed-Solomon-Fehlerkorrektur und Kapazität verständlich und praxisnah erklärt.
Lesezeit 8 Min.
Design
QR-Code mit Logo und Farbe gestalten ohne Scanbarkeit zu verlieren
So gestalten Sie einen QR-Code mit Logo in der Mitte, Markenfarbe und hohem Kontrast. Mit Grenzwerten, Risiko-Tabelle und Praxistest für zuverlässiges Scannen.
Lesezeit 7 Min.
Anwendung
QR-Codes im Marketing: Einsatzorte, gute Praxis und häufige Fehler
QR-Codes im Marketing richtig nutzen: passende Einsatzorte, klare Handlungsaufforderung, mobiles Ziel und Tracking per UTM. Mit Tabelle und Fehlerliste.
Lesezeit 7 Min.