Der Code dieser Seite ist nicht gestartet.

Wird index.html direkt aus einem Ordner geöffnet, blockiert der Browser JavaScript-Module, und wenn Sie den Inhalt auswählen, passiert nichts. Stellen Sie den Ordner stattdessen über HTTP bereit:

powershell -ExecutionPolicy Bypass -File serve.ps1

Öffnen Sie dann http://localhost:8080/.

QR-Code & Barcode — offline erzeugen

Eintippen, und es wird ein Code. Zum Erzeugen wird nichts gesendet.

Sprache: Deutsch
Quellcode ansehen
Ihre Codes und der Text darin werden in Ihrem Browser verarbeitet. Kein Upload zur Verarbeitung.

Ein QR-Code ist Rechnerei über einer Zeichenkette. Es gibt hier nichts zu senden und niemanden zu fragen. Die Wahl des Modus, die Version, die Reed-Solomon-Fehlerkorrektur, die Maske, die Balken eines Barcodes und die Prüfziffer darunter, all das passiert in rund tausend Zeilen JavaScript auf dieser Seite, die Sie lesen können. Eine Netzfunktion hat dieses Werkzeug überhaupt nicht, und das wiegt hier schwerer als anderswo, denn kodiert wird hier oft ein WLAN-Passwort.

Live-Prüfung: wird geprüft…

Offline: wird geprüft…

Sie müssen uns nicht glauben. Öffnen Sie die DevTools, sehen Sie im Tab „Netzwerk“ zu und tippen Sie ein Passwort in das WLAN-Formular. Keine einzige Anfrage trägt ein Zeichen davon. Oder trennen Sie die Internetverbindung und erzeugen Sie den Code trotzdem.

1 Die Art des Codes auswählen

Ein QR-Code fasst alles und ist das, wonach eine Telefonkamera sucht. Ein Barcode fasst eine Zahl, und welcher es sein muss, entscheidet meist jemand anderes für Sie: das Geschäft, das Lager oder die Spedition, die ihn verlangt.

2 Sagen, was hineinkommt

Die exakte Zeichenkette, die dieser Code enthalten wird
 

3 Das Aussehen wählen

Der Rand gehört zum Code und ist nicht bloß Platz darum herum. Die Spezifikation verlangt vier Module, und einen bis an die Kante beschnittenen Code sehen viele Scanner überhaupt nicht.

Die Zeichen darunter drucken Was ein Mensch liest, wenn der Scanner nicht will. Bei einem Handels-Code stehen die Ziffern zusätzlich in den Rändern, und das ist Absicht: Sie markieren den weißen Raum, den niemand abschneiden sollte.

Ein Prüfzeichen ergänzen Code 39 trägt normalerweise keines. Manche Systeme bestehen darauf, also ergänzen Sie es nur, wenn Ihres das tut. Ein Lesegerät, das keines erwartet, liest es als zusätzliches Zeichen am Ende.

Gar kein Hintergrund Transparent, zum Aufsetzen auf etwas, das schon eine Farbe hat. Das SVG und das PNG behalten ihn beide; was am Ende dahinter liegt, muss hell sein, sonst findet ein Scanner keinen Kontrast.

Der QR-Code
Farbe und Größe

4 Nehmen

Aufheben sollten Sie das SVG. Darin steht der Code als Anweisungen statt als Pixel, es druckt also in jeder Größe, ohne weich zu werden. Hier wiegt das schwerer als bei den meisten Bildern, denn eine verwaschene Kante ist genau das, was ein Scanner nicht auflösen kann.

Als Markdown ansehen

So erzeugen Sie einen QR-Code, ohne etwas hochzuladen

  1. Wählen Sie die Art des Codes. Ein QR-Code fasst alles und ist das, wonach eine Telefonkamera sucht, also die Antwort, solange Ihnen niemand etwas anderes gesagt hat. Ein Barcode fasst eine Zahl, und welcher es sein muss, entscheidet die Person, die ihn scannen wird. Ein Geschäft will einen EAN-13 oder einen UPC-A, ein Versandkarton einen ITF-14, und alles Interne ist meist Code 128.
  2. Sagen Sie, was hineinkommt. Ein Link ist der häufige Fall, und die Felder darüber bauen die anderen Formate, die Telefone kennen: ein WLAN, das anbietet, sich selbst beizutreten, eine Kontaktkarte, die anbietet, gespeichert zu werden, eine E-Mail, eine SMS, eine Telefonnummer, ein Ort auf einer Karte. Was Sie auch wählen, die fertige Zeichenkette steht auf der Seite, denn mehr als sie enthält ein QR-Code nie.
  3. Entscheiden Sie, wie viel Schaden er aushalten darf. Die vier Stufen legen mehr oder weniger Fehlerkorrektur hinein, und mehr Korrektur heißt ein größerer, dichterer Code. L reicht für einen Bildschirm, M für gewöhnliches Papier und H für etwas, das angefasst, klein gedruckt oder in der Sonne an ein Fenster geklebt wird. Ein Code auf einer Speisekarte, die täglich abgewischt wird, ist Q oder H wert.
  4. Setzen Sie Größe, Rand und Farben. Der Rand gehört zum Code. Die Spezifikation verlangt ringsherum vier Module ruhige Fläche, und ihn zu beschneiden ist der mit Abstand häufigste Grund, warum ein gedruckter Code nicht scannt. Dunkel auf Hell, mit echtem Kontrast. Ein Scanner liest den Unterschied zwischen beiden, blasses Grau auf Weiß genügt also nicht, und Hell auf Dunkel scheitert bei etlichen Lesegeräten rundweg.
  5. Prüfen Sie ihn mit dem Telefon, das Sie haben. Bevor Sie tausend davon drucken, scannen Sie den auf Ihrem Bildschirm. Das dauert zehn Sekunden und fängt die ganze Sorte Fehler ab, die eine Vorschau nicht zeigen kann: ein WLAN-Passwort mit einem Zeichen, das maskiert werden musste, ein Link, dem das https:// fehlte, eine Barcode-Nummer mit einer Ziffer zu wenig.
  6. Nehmen Sie das SVG. Darin steht der Code als Anweisungen statt als Pixel, es druckt also in jeder Größe, ohne weich zu werden, und eine weiche Kante ist genau das, was ein Scanner nicht auflösen kann. Nehmen Sie zusätzlich das PNG, falls das, wohin Sie es einfügen, kein SVG annimmt. Es wird mit einer ganzen Pixelzahl je Modul gezeichnet und hat deshalb ebenfalls keine verwaschenen Kanten.

Die ausführliche Fassung

So erzeugen Sie einen QR-Code, der sich auch mit fremden Handys scannen lässt Welche Fehlerkorrekturstufe die richtige ist, warum der weiße Rand zum Code gehört, wie groß Sie ihn drucken müssen und was Sie der „dynamische“ Code eines Gratis-Generators ein Jahr später kostet.

Fragen

Wird irgendetwas, was ich eintippe, irgendwohin gesendet?

Nein. Ein QR-Code ist Rechnerei über einer Zeichenkette, und diese Rechnerei läuft in Ihrem eigenen Browser auf Ihrem eigenen Gerät. Netzfunktionen hat dieses Werkzeug keine, es ruft nie etwas ab und sendet nie etwas. In der Content-Security-Policy der Seite steht jede Adresse, die sie kontaktieren darf, und keine davon gehört uns. Das wiegt hier schwerer als anderswo, denn was Menschen am häufigsten in einen QR-Code legen, ist das Passwort ihres WLANs.

Laufen diese Codes ab oder hören sie später auf zu funktionieren?

Nein, und sie können es gar nicht. Was Sie eintippen, ist das, was der Code enthält, ihn zu scannen gibt also für immer genau diese Zeichenkette zurück. Ablaufen können die Codes, in denen die Adresse eines anderen steht. In einem „dynamischen“ QR-Code steckt ein Link auf den Server des Generators, der auf Ihren weiterleitet, und damit kann jener jeden Scan zählen, das Ziel ändern oder es abschalten, wenn eine Testphase endet. Hier leitet nichts irgendwohin weiter.

Ist es kostenlos, und darf ich es gewerblich nutzen?

Es ist kostenlos, es gibt kein Konto, kein Wasserzeichen und keine Grenze dafür, wie viele Sie erzeugen, und Sie dürfen das Ergebnis auf ein Produkt, ein Plakat oder eine Ladenfront setzen. QR Code ist eine eingetragene Marke von Denso Wave, und Denso Wave hat erklärt, sie nicht gegen Menschen durchzusetzen, die die Codes verwenden. Die Spezifikation ist als ISO/IEC 18004 veröffentlicht und frei umzusetzen, und genau das tut diese Seite. Bezahlt wird sie über Werbung.

Welche Fehlerkorrekturstufe soll ich nehmen?

M, solange Sie keinen Grund für etwas anderes haben. L ergibt den kleinsten Code und reicht auf einem Bildschirm. M übersteht gewöhnliche Behandlung. Q und H sind für einen Code, der klein gedruckt, laminiert, an ein Fenster geklebt oder teilweise von einem Logo verdeckt wird. Jede Stufe legt mehr Prüfdaten hinein und braucht bei gleicher Textmenge ein größeres Symbol. Von L auf H zu gehen verdoppelt die Modulzahl für dieselbe Zeichenkette ungefähr.

Wie viel fasst ein QR-Code?

In der größten Größe, 177 Module im Quadrat, bis zu 7.089 Ziffern, 4.296 Großbuchstaben und Ziffern oder 2.953 Byte von allem anderen, und das bei der schwächsten Fehlerkorrektur. Bei der stärksten ist es etwa ein Drittel davon. In der Praxis setzt allerdings nicht das Format die Grenze, sondern der Scanner. Jenseits einiger hundert Zeichen werden die Module so klein, dass eine gewöhnliche Telefonkamera sie auf Armlänge nicht mehr auflöst. Ein langer Code ist meist ein Zeichen dafür, dass ein kurzer Link hineingehört.

Warum ist mein Code größer, wenn ich den Link klein schreibe?

Weil ein QR-Code einen Modus für Großbuchstaben und Ziffern hat, der zwei Zeichen in elf Bit packt, und keinen solchen für Kleinbuchstaben, die je acht Bit kosten. Eine als HTTPS://EXAMPLE.COM/SEITE geschriebene URL kann ein Drittel kleiner ausfallen als dieselbe URL in Kleinbuchstaben. Schema und Host sind unabhängig von der Groß- und Kleinschreibung, sie zu schreien ändert also nichts außer der Größe. Für den Pfad nach dem Host gilt das nicht, den lassen Sie besser in Ruhe.

Kann es einen QR-Code auch lesen und nicht nur erzeugen?

Diese Seite nicht, die daneben schon: der Scanner nimmt ein Foto, einen Screenshot oder Ihre Kamera und gibt die Zeichenkette zurück. Das ist eine erheblich größere Aufgabe, als einen zu zeichnen — das Symbol in einem Bild finden, den Aufnahmewinkel herausrechnen und den Schaden reparieren sind drei Probleme, die diese Seite nicht hat —, und deshalb ist es ein eigenes Werkzeug und kein Knopf hier. Es läuft zu denselben Bedingungen wie alles andere: nichts hochgeladen, und kein Kamerabild aufgehoben.

Wofür ist der Rand, und kann ich ihn kleiner machen?

Der weiße Raum um einen QR-Code gehört zum Code. Ein Lesegerät findet daran, wo das Symbol endet, und die Spezifikation verlangt vier Module auf jeder Seite; ein Barcode will etwa zehn. Sie können ihn hier auf null setzen. Das Bild sieht dann aufgeräumter aus, und eine ganze Reihe Scanner sieht es daraufhin gar nicht mehr, besonders vor einem unruhigen Hintergrund. Ist der Platz das Problem, machen Sie lieber den Code kleiner, statt seinen Rand zu beschneiden.

Welchen Barcode brauche ich?

Den, nach dem die Person fragt, die ihn scannt. EAN-13 ist der Handels-Barcode außerhalb Nordamerikas, UPC-A der nordamerikanische, und beide brauchen eine Nummer, die Ihnen GS1 zuteilt, denn die Nummer identifiziert Ihr Unternehmen und nicht nur das Produkt. EAN-8 ist die Kurzfassung für kleine Verpackungen. ITF-14 kommt auf den Versandkarton. Code 128 und Code 39 fassen neben Ziffern auch Text und brauchen überhaupt keine Registrierung, was sie zur richtigen Antwort für alles Interne macht: Anlagen, Regale, Auftragszettel.

Was ist eine Prüfziffer, und warum hat das Werkzeug eine ergänzt?

Sie ist die letzte Ziffer eines Handels-Barcodes, aus den vorherigen ausgerechnet, damit ein Scanner einen Lesefehler von einem Treffer unterscheiden kann. EAN-13 will zwölf Ziffern und berechnet die dreizehnte, UPC-A will elf und berechnet die zwölfte. Tippen Sie die kurze Nummer, ergänzt diese Seite sie. Tippen Sie die volle Nummer, prüft sie die, die Sie gegeben haben, und weigert sich lieber, als stillschweigend zu korrigieren. Eine leise reparierte falsche Ziffer wäre ein Etikett, das als fremdes Produkt scannt.

Kann ich ein Logo in die Mitte eines QR-Codes setzen?

Ein kleines Logo kann funktionieren, aber kein Flächenanteil ist garantiert sicher. DENSO bezieht die rund 30 % Wiederherstellung bei H auf alle Codewörter, nicht auf beliebige Quadrate. Such- und Ausrichtungsmuster freihalten, H wählen und den endgültigen Druck mit mehreren Handys testen. DENSOs Erklärung zur Fehlerkorrektur erläutert die Bezugsgröße.

Warum ist das SVG besser als das PNG?

Weil ein Code aus Kanten besteht und ein PNG eine feste Pixelzahl hat, aus der es sie machen muss. Vergrößern Sie eines, wird jede Kante weich, und mit einer weichen Kante hat ein Scanner Mühe. Ein Drucker mit 1200 dpi, dem man ein 512-Pixel-PNG gibt, soll den Unterschied erfinden. In einem SVG stehen die Quadrate als Anweisungen, es druckt also scharf auf einer Visitenkarte wie auf einer Plakatwand. Das PNG hier wird mit einer ganzen Pixelzahl je Modul gezeichnet, und mehr kann ein PNG nicht leisten.

Funktioniert es offline?

Ja. Laden Sie die Seite einmal, trennen Sie dann die Internetverbindung, und sie arbeitet weiter. Das ist zugleich der einfachste Beweis dafür, dass nichts hochgeladen wird. Ein Werkzeug, das Ihren Text wegschickt, um anderswo einen Code zeichnen zu lassen, bliebe in dem Moment stehen, in dem Sie den Stecker ziehen.