Skip to content
DocsAll
技巧

Vollständiger Leitfaden zur QR-Code-Erzeugung und -Erkennung: Von den Prinzipien zur Praxis

Fiona Xu · Veröffentlicht am 16. April 2026 · Aktualisiert am 5. Juli 2026
QR-CodeCode-QR

Was genau ist ein QR-Code

Der QR-Code (Quick Response Code) ist ein matrixförmiger Strichcode, der 1994 vom japanischen Unternehmen Denso Wave erfunden wurde. Er speichert Informationen durch die Anordnung schwarzer und weißer Quadrate und kann von einer Kamera schnell erkannt werden.

Struktur eines QR-Codes

Ein Standard-QR-Code enthält folgende Bereiche:

  • Positionierungsmuster: Die „回“-förmigen Quadrate in den drei Ecken, die dem Scanner bei der Positionierung helfen
  • Ausrichtungsmuster: Kleine Quadrate in größeren QR-Codes, die zur Korrektur von Neigungen dienen
  • Timing-Muster: Abwechselnd schwarze und weiße Linien zur Bestimmung der Modulgröße
  • Datenbereich: Speichert die tatsächlichen codierten Informationen
  • Fehlerkorrekturbereich: Dient der Wiederherstellung beschädigter Daten

Wie wählt man die Fehlerkorrekturstufe

QR-Codes haben 4 Fehlerkorrekturstufen, die bestimmen, welcher Anteil auch bei teilweiser Beschädigung noch erkannt werden kann:

Stufe Korrekturleistung Datendichte Anwendungsfall
L (niedrig) 7 % Höchste Reine Zahlen / kurzer Text
M (mittel) 15 % Hoch URL, Visitenkarte
Q (höher) 25 % Mittel Einbetten eines kleinen Logos
H (hoch) 30 % Niedrig Industrieumgebung, großes Logo

Auswahlhinweise

  • Gewöhnliche URL: Stufe M genügt, ausgewogenes Verhältnis von Kapazität und Korrektur
  • Logo einbetten: Mindestens Stufe Q, damit der QR-Code auch nach Logo-Abdeckung erkennbar bleibt
  • Verschleißanfällige Umgebung: Stufe H, z. B. beim Druck auf abnutzungsanfälligen Oberflächen

Techniken zum Einbetten von Logos

Ein Logo in der Mitte eines QR-Codes zu platzieren, ist ein häufiges Branding-Bedürfnis, aber unsachgemäßes Vorgehen kann dazu führen, dass der Code nicht mehr erkennbar ist.

Einbettungsprinzipien

  1. Hohe Fehlerkorrekturstufe wählen: Mindestens Q, empfohlen H
  2. Logogröße ≤ 30 %: Die abgedeckte Fläche im Zentrum unter 30 % halten
  3. Positionierungsmuster klar halten: Die Positionierungsmuster in den drei Ecken dürfen keinesfalls abgedeckt werden
  4. Logo mit weißem Hintergrund versehen: Weißen Rand um das Logo lassen, um Verwechslungen mit dem Datenbereich zu vermeiden

Häufige Fehler

  • Niedrige Korrekturstufe (L/M) verwenden und Logo einbetten → hohes Risiko der Nichterkennbarkeit
  • Logo zu groß und überdeckt Positionierungsmuster → vollständig nicht scannbar
  • Kein weißer Rand → Datenbereich chaotisch

Verwendung des DocsAll QR-Code-Generators

Der DocsAll QR-Code-Generator bietet vollumfängliche QR-Code-Erzeugungsfunktionen mit Unterstützung für benutzerdefinierte Stile und Logo-Einbettung.

Schritte

  1. Öffnen Sie den QR-Code-Generator
  2. Geben Sie den Inhalt ein (URL, Text, Visitenkarteninfo etc.)
  3. Wählen Sie die Fehlerkorrekturstufe (Q oder H empfohlen)
  4. Passen Sie Farbe und Größe an (optional)
  5. Laden Sie ein Logo hoch (optional, automatisch zentriert mit Rand)
  6. Klicken Sie auf Erzeugen, laden Sie als PNG/SVG herunter

Besondere Funktionen

  • Echtzeitvorschau: Erzeugung bei der Eingabe, WYSIWYG
  • Logo-Einbettung: Automatische Anpassung von Korrekturstufe und Größe
  • Stil-Anpassung: Vordergrundfarbe, Hintergrundfarbe, abgerundete Module
  • Hochauflösende Ausgabe: SVG-Vektorformat unterstützt
  • Datenschutz: Vollständig browserseitig erzeugt, Inhalt wird nicht hochgeladen

Methoden der QR-Code-Erkennung

Online-Erkennung

Das DocsAll QR-Code-Erkennungstool ermöglicht das Erkennen von QR-Code-Inhalten anhand eines hochgeladenen Bildes:

  1. Öffnen Sie das QR-Code-Erkennungstool
  2. Laden Sie ein Bild mit QR-Code hoch
  3. Automatische Erkennung und Inhaltsanzeige

Erkennung per Handy

  • iOS: Automatische Erkennung durch die Systemkamera
  • Android: Systemkamera oder Google Lens

Programmatische Erkennung

Mit der Bibliothek jsQR lässt sich der QR-Code browserseitig erkennen:

import jsQR from 'jsqr';

function decodeQR(imageData) {
  const code = jsQR(imageData.data, imageData.width, imageData.height);
  if (code) {
    return code.data;
  }
  return null;
}

Hinweise zur Verwendung von QR-Codes

  1. Vor der Veröffentlichung testen: Nach der Erzeugung unbedingt mit mehreren Geräten scannen und testen
  2. Angemessene Größe: Zu klein zum Scannen, mindestens 2×2 cm empfohlen
  3. Ausreichender Kontrast: Dunkler Vordergrund + heller Hintergrund, ähnliche Farben vermeiden
  4. Reflektierende Materialien meiden: Beim Druck auf das Material achten, Reflexionen stören die Erkennung
  5. Kurzlinks sind besser: Je kürzer der Inhalt, desto einfacher der QR-Code; ein Kurzlink-Dienst kann verwendet werden

Fazit

Wer die Prinzipien von QR-Codes und die Wahl der Fehlerkorrekturstufe beherrscht, kann zuverlässigere QR-Codes erzeugen. Wenn Sie QR-Codes erstellen möchten, ist der DocsAll QR-Code-Generator eine kostenlose und praktische Wahl; zur Erkennung nutzen Sie das QR-Code-Erkennungstool. Die Verarbeitung erfolgt vollständig browserseitig, Inhalte werden nicht hochgeladen — sicher und bequem.

F
Fiona Xu 内容编辑

DocsAll 内容编辑,5 年办公软件教程写作经验,擅长把复杂的文档处理流程拆解成易懂的步骤。