Punkt-QR-Codes mit runden Modulen, die trotzdem scannen

Ein Punkt-QR-Code ist ein normaler QR-Code, dessen Module als Kreise statt als Quadrate gezeichnet werden. Die Daten, das Raster und die Art, wie ein Handy den Code liest, bleiben unverändert; nur die Zeichnung jedes Moduls ist anders. Erstelle unten einen und sieh dir dann an, wie groß die Punkte bleiben müssen und was wir gemessen haben, wenn sie kleiner werden.

1 Inhalt
https://
Keine Registrierung nötig Unbegrenzte QR-Codes Kein Wasserzeichen Free high-resolution downloads
2 Design
Form
Muster
Augen
3 Vorschau
Kopiert!

Was ist ein Punkt-QR-Code?

Ein Punkt-QR-Code ist ein normaler QR-Code, in dem jedes dunkle Modul als Kreis statt als Quadrat gezeichnet wird. Ein Modul ist eine Zelle des QR-Code-Rasters, dunkel oder hell, und ein Scanner liest jedes Modul aus der Mitte seiner Zelle - deshalb trägt ein in der Zelle zentrierter Punkt dieselbe Information wie ein volles Quadrat. Ein Punkt-QR-Code ist nicht dasselbe wie ein runder QR-Code: Punkte beschreiben die Module, rund beschreibt den Umriss, und beides lässt sich kombinieren oder getrennt nutzen. Die übrigen Umrissfamilien sind unter QR-Code-Formen dargestellt. Den entgegengesetzten Stil, harte quadratische Module mit der größten Scan-Reserve, behandelt die Seite Pixel-QR-Codes.

Ein runder QR-Code mit kreisförmigem Rahmen auf einem Teilnehmerausweis einer Veranstaltung

Was sich ändert und was gleich bleibt

Einen QR-Code von Quadraten auf Punkte umzustellen ändert, wie der Code aussieht und wie viel Farbe er trägt. Es ändert nicht, was der Code speichert oder wie er decodiert wird.

  • Die Daten sind identisch - ein Punkt-QR-Code und ein QR-Code mit quadratischen Modulen aus demselben Link enthalten dasselbe Raster aus dunklen und hellen Modulen, in derselben Version und Fehlerkorrekturstufe. Jeder normale Scanner liest beide.
  • Jeder Punkt trägt weniger Farbe - ein Kreis, der in voller Breite seiner Zelle gezeichnet wird, deckt pi/4 ab, etwa 78,5 % der Zelle. Ein Punkt mit 80 % der Zellenbreite deckt etwa 50 % ab. Weniger Farbe pro Modul ist der gesamte Preis des gepunkteten Looks.
  • Die Module berühren sich nicht mehr - quadratische Module verschmelzen zu durchgehenden Balken und Blöcken, während Punkte getrennt bleiben, mit hellen Lücken dazwischen. Diese Lücken geben dem Code seine leichtere Textur, und mit ihnen muss ein Decoder auch zurechtkommen.
  • Die Suchmuster sollten durchgehend bleiben - die drei großen Eckquadrate sind das, woran ein Handy den Code findet. Sie können abgerundet oder als Ringe gezeichnet werden, sollten aber nicht in einzelne Punkte zerlegt werden. Suchmuster im QR-Code erklärt, was erhalten bleiben muss.

KoloQR, ein kostenloser QR-Code-Generator mit runden und individuell geformten QR-Codes, zeichnet sein Muster Punkte mit 80 % der Zellenbreite und hält die Suchmuster durchgehend. Das Muster Punkte in zwei Größen mischt 80-%-Punkte mit kleineren 56-%-Punkten für eine dekorativere Textur.

Punkte, abgerundete Quadrate und Kapseln sind verschiedene Muster

Gepunktetes Styling umfasst eine Familie von Modulmustern, und sie verhalten sich nicht gleich. Einzelne Punkte lassen um jedes Modul eine Lücke. Gruppierte gerundete Module verschmelzen benachbarte Zellen zu Flecken mit weichen Ecken, sie behalten also den Großteil der Farbe eines quadratischen Codes. Kapseln und Balken verbinden Module nur entlang einer Achse. Je näher ein Muster an der Farbdeckung schlichter Quadrate bleibt, desto toleranter ist der gedruckte Code - gruppierte gerundete Module sind also die sicherere Wahl für einen sehr kleinen Code, und einzelne Punkte sind die Wahl, wenn es gerade um die gepunktete Textur geht.

QR-Code generieren
Ein rundes „Scanne für mehr Infos“-QR-Code-Etikett auf dem schwarzen Deckel eines Sandelholz-Körpercreme-Tiegels, neben einer silbernen Dose mit einem gewellten runden QR-Code

Wo Punkt-QR-Codes am besten funktionieren

Runde Module wirken weicher und bewusster gesetzt als ein Raster aus harten Quadraten, ein Punkt-QR-Code passt also dorthin, wo der Code Teil des Designs ist und kein Gebrauchszeichen in einer Ecke.

Kosmetik- und Hautpflegeverpackungen

Runde Module stehen gut neben gerundeter Schrift und weichen Produktformen. Halte den Code auf einer Faltschachtel bei 2,5 cm oder breiter, denn gefalteter Karton und kleine Druckgrößen sind genau dort, wo Punkte ihre Reserve verlieren.

Café-Speisekarten und Tischkarten

Ein gepunkteter Code auf einer Tischkarte sieht weniger nach Barcode aus und mehr nach einem Teil des Speisekarten-Designs. Er wird aus etwa 30 cm gescannt, 3 bis 4 cm Breite sind also bequem.

Visitenkarten

Ein Punkt-QR-Code passt gut zu einem minimalistischen Kartenlayout. Nutze eine kurze URL, damit die Module groß bleiben, und drucke nicht kleiner als 2,5 cm breit.

Poster und Event-Grafik

Im Postermaßstab spielt der Farbverlust der Punkte keine Rolle, und das Muster wird zu einem eigenständigen grafischen Element. Bemesse den Code auf etwa ein Zehntel der Entfernung, aus der er gescannt wird.

Apps, Bildschirme und Social-Media-Beiträge

Auf einem Bildschirm wird jeder Punkt perfekt gerendert und von hinten beleuchtet, das ist also der nachsichtigste Ort für einen gepunkteten Stil, auch für das dekorativere Muster in zwei Größen.

Materialien für Kinder und Bildung

Arbeitsblätter, Museumsrallyes und Poster im Klassenzimmer profitieren von der freundlicheren Textur. Drucke nach Möglichkeit auf mattem Papier, damit Reflexe die kleineren Zeichen nicht überstrahlen.

Wie klein dürfen die Punkte sein? Was wir getestet haben

Wir haben einen QR-Code mit Punkten in sieben Größen gezeichnet, ihn in sieben Auflösungen erfasst und jede Kombination mit jsQR decodiert, dem Open-Source-Decoder, der in vielen Browser-Scannern steckt. Der Test ist ein Skript, das jeder erneut ausführen kann, und er testet einen Decoder: Die in iOS und Android eingebauten Kamera-Decoder sind geschlossen, im Allgemeinen toleranter und waren nicht Teil des Tests.

Eine Hand hält ein Smartphone und scannt den QR-Code auf einer gedruckten Visitenkarte

Was der Decoder-Test gezeigt hat

Das Testsymbol war ein QR-Code mit 41 x 41 Modulen auf Fehlerkorrekturstufe H, mit durchgehenden Suchmustern und allen übrigen dunklen Modulen als Punkte gezeichnet. Jede Kombination wurde an 16 leicht unterschiedlichen Positionen und mit zwei Unschärfestufen decodiert, und die Zahlen unten gelten für die schärfere der beiden.

  • Punkte in voller Breite verhielten sich wie Quadrate - Punkte mit 100 % der Zellenbreite wurden bei jeder Auflösung von 2,5 bis 10 erfassten Pixeln pro Modul an allen 16 Positionen decodiert, genau wie quadratische Module. Punkte mit 90 % erreichten das überall außer bei 8 Pixeln pro Modul, wo sie an 9 von 16 decodiert wurden.
  • Punkte mit 80 % wurden in der Mitte des Bereichs zuverlässig decodiert - bei 2,5, 3 und 4 Pixeln pro Modul wurden 80-%-Punkte an 16 von 16 Positionen decodiert. Das ist die Größe, die KoloQRs Muster Punkte verwendet, und der Bereich entspricht einem Code, der einen bescheidenen Teil des Kamerabilds füllt.
  • Aus der Nähe war es schwerer als aus der Ferne - bei 8 und 10 Pixeln pro Modul wurden 80-%-Punkte nur an 1 oder 2 von 16 Positionen decodiert, während Quadrate weiterhin an allen 16 decodiert wurden. Wenn die Lücken zwischen den Punkten scharf aufgelöst werden, hat dieser Decoder Mühe, dem Raster zu folgen. Das Handy zurückzunehmen ist die Lösung, also das Gegenteil des üblichen Rats.
  • Unter 70 % brach der nutzbare Bereich ein - 70-%-Punkte wurden zwischen 2,5 und 4 Pixeln pro Modul noch an 15 oder 16 Positionen decodiert. Punkte mit 56 % schafften in diesem Bereich 12 bis 15 und außerhalb davon fast nichts, und 35-%-Punkte wurden nur bei einer einzigen Auflösung decodiert.
  • Ein wenig Unschärfe half, viel Unschärfe schadete - mit etwas mehr Unschärfe gingen 80-%-Punkte bei 6 Pixeln pro Modul von 10 von 16 auf 16 von 16, weil Unschärfe die Lücken schließt. Dieselbe Unschärfe brachte 56-%-Punkte bei 3 Pixeln pro Modul von 14 von 16 auf 3 herunter.

Die praktische Lesart: Halte Punkte bei allem, was gedruckt wird, bei 80 % der Zellenbreite oder größer, behandle 70 % als Untergrenze, und wenn ein gepunkteter Code aus der Nähe nicht scannt, nimm das Handy zurück, bevor du das Design änderst.

Gestaltungsregeln, die aus dem Test folgen

Diese Regeln gelten für einen Punkt-QR-Code aus jedem Generator, und jede schützt die Reserve, die runde Module aufgeben.

  • Drucke Punkt-Codes größer als quadratische - ein Punkt mit 80 % der Zellenbreite färbt etwa die halbe Fläche eines quadratischen Moduls ein, und das Auslaufen der Druckfarbe auf ungestrichenem Papier lässt kleine Punkte zu Grau verschwimmen. Wo ein Code mit quadratischen Modulen bei 2 cm sicher ist, gib einem gepunkteten Code 2,5 cm.
  • Halte den Kontrast hoch - ein gepunkteter Code reflektiert ohnehin mehr Licht pro Modul als ein quadratischer, eine Markenfarbe im mittleren Tonwert, die mit Quadraten funktioniert, kann mit Punkten also scheitern. Nutze eine dunkle Farbe auf hellem Hintergrund und prüfe das Paar im QR-Code-Kontrastprüfer.
  • Kürze den Link - eine kürzere URL ergibt eine niedrigere QR-Code-Version mit weniger und größeren Modulen, was jeden Punkt bei gleicher Druckbreite größer macht.
  • Lass die Ruhezone in Ruhe - eine Ruhezone ist der leere Rand um einen QR-Code, an dem ein Scanner erkennt, wo das Symbol beginnt und endet. ISO/IEC 18004 schreibt vier Module auf jeder Seite vor, und Punkte verringern diese Anforderung nicht.
  • Teste den gedruckten Code aus zwei Entfernungen - scanne den Probedruck aus der Entfernung, die Menschen nutzen werden, und aus kürzerer Entfernung. Der Test oben ist der Grund: Ein gepunkteter Code kann aus 40 cm lesen und bei 10 cm zögern.
Ein runder QR-Code mit kreisförmigem Rahmen auf einer Visitenkarte

Ideen für Punkt-QR-Codes

Vier Arten, wie der gepunktete Stil häufig eingesetzt wird, jeweils mit dem Detail, das ihn in der Praxis funktionieren lässt.

Punkte in einem runden Umriss

Runde Module in einem runden Umriss sind die konsequenteste Version des Looks. Der runde Umriss braucht selbst zusätzliche Breite, also bemesse die Grafik vom quadratischen Datenbereich in der Mitte aus, nicht von der Außenkante.

Punkte mit ringförmigen Suchmustern

Die drei Suchmuster als Ringe mit durchgehender Mitte zu zeichnen trägt das runde Thema in die Ecken. Der Ring und seine Mitte müssen durchgehend bleiben und ihre Proportionen behalten, damit ein Handy den Code erfasst.

Punkte in zwei Größen als Textur

Große und kleine Punkte zu mischen ergibt eine Rasteroptik, die zu Postern und Bildschirmen passt. Die kleinen Punkte sind die Schwachstelle, dieses Muster gehört also in große Formate und nicht auf ein Etikett.

Einfarbige Punkte auf Kraftpapier oder getöntem Papier

Dunkle Punkte auf Kraftpapier wirken handwerklich, aber das Papier ist dunkler als Weiß und senkt den Kontrast. Nutze die dunkelste verfügbare Druckfarbe und drucke vor der Auflage einen Probedruck.

So erstellst du einen Punkt-QR-Code

Ein Punkt-QR-Code ist in etwa einer Minute erstellt, und das gepunktete Muster ist bereits ausgewählt, wenn sich der Generator öffnet.

QR-Code generieren
  1. 1

    Füge deinen Inhalt hinzu

    Füge den Link ein oder wähle einen anderen Typ wie WLAN oder E-Mail, und der QR-Code wird sofort mit Punktmodulen gezeichnet.

  2. 2

    Wähle das Punktmuster und die Augen

    Bleib bei Punkte für gleichmäßige runde Module, oder probiere Punkte in zwei Größen für eine dekorativere Textur. Setze die Augen auf Kreis oder Abgerundet, damit die Suchmuster dazu passen.

  3. 3

    Setze die Farben und prüfe den Kontrast

    Wähle eine dunkle Musterfarbe auf hellem Hintergrund. Die Kontrast-Anzeige unter der Vorschau zeigt, ob das Paar zuverlässig scannen sollte.

  4. 4

    Teste, dann exportiere

    Scanne die Vorschau mit einem Handy aus zwei Entfernungen und lade dann SVG oder PDF für den Druck herunter, oder PNG für Bildschirme.

KoloQR-Editor mit runden QR-Codes in verschiedenen Farben und Stilen

Runde Module, dasselbe zuverlässige Raster

Ein gepunkteter QR-Code braucht kein Design-Tool. KoloQR zeichnet das Muster Punkte standardmäßig, hält die drei Suchmuster durchgehend, damit ein Handy den Code findet, und zeigt einen Kontrastwert für die gewählten Farben, bevor du irgendetwas herunterlädst.

KoloQR exportiert SVG, PDF und EPS für den Druck und PNG für Bildschirme, ohne Konto und ohne Wasserzeichen. KoloQR erzeugt nur statische QR-Codes, der Code lässt sich nach dem Druck also nicht auf ein neues Ziel richten; wo das zählt, richte den Code auf eine Weiterleitung auf deiner eigenen Domain.

QR-Code generieren

Exportformate für Punkt-QR-Codes

Runde Module reagieren empfindlicher auf das Dateiformat als quadratische, weil ein Kreis keine Kante hat, die sich an einem Pixelraster ausrichtet.

PNG

Für Bildschirme und Social-Media-Beiträge. Für den Druck exportiere groß: Bei niedriger Auflösung wird ein kleiner Punkt zu einer verschwommenen Handvoll grauer Pixel, und das ist genau das Versagen, das der Test oben misst.

SVG

Das Format für den Druck. Jeder Punkt wird als echter Kreis gespeichert, der Code bleibt also in jeder Größe scharf, vom 2,5-cm-Etikett bis zum Banner.

PDF oder EPS

Um Druckdaten direkt an eine Druckerei zu übergeben. Beide behalten die Punkte als Vektoren und lassen sich ohne Konvertierung in InDesign- oder Illustrator-Layouts setzen.

Questions? Answered

In normalen Größen ja. Ein Scanner liest jedes Modul aus der Mitte seiner Zelle, und ein in der Zelle zentrierter Punkt setzt die Farbe genau dorthin. Die Reserve ist allerdings dünner: Ein Punkt mit 80 % der Zellenbreite trägt etwa halb so viel Farbe wie ein Quadrat, ein gepunkteter Code scheitert also früher, wenn er sehr klein oder mit wenig Kontrast gedruckt wird.

Ein Punkt-QR-Code hat runde Module; ein runder QR-Code hat einen runden Umriss. Das sind unabhängige Entscheidungen. Ein quadratischer Code kann aus Punkten bestehen, ein runder Code kann aus Quadraten bestehen, und beides wird oft kombiniert. Der Datenbereich ist in jedem Fall ein quadratisches Raster.

Halte jeden Punkt bei 80 % der Breite der Modulzelle oder größer und behandle 70 % als Untergrenze. In unserem Decoder-Test wurden 80-%-Punkte in der Mitte des Erfassungsbereichs an 16 von 16 Positionen decodiert, während 56-%-Punkte auf 12 bis 15 fielen und außerhalb dieses Bereichs fast überall scheiterten.

Manche Decoder verlieren das Raster, wenn die Lücken zwischen den Punkten scharf aufgelöst werden. In unserem Test mit dem Open-Source-Decoder jsQR wurden 80-%-Punkte bei 4 Pixeln pro Modul an 16 von 16 Positionen decodiert und bei 8 bis 10 nur an 1 oder 2 von 16. Nimm das Handy zurück, bis der Code etwa ein Drittel des Bildausschnitts füllt.

Die Eckquadrate können abgerundet oder als Ringe gezeichnet werden, sollten aber nicht in einzelne Punkte zerlegt werden. Die drei Suchmuster sind das, woran ein Handy den Code findet und ausrichtet, und ein Scanner sucht nach ihrer durchgehenden Struktur aus Ring und Mitte, bevor er irgendwelche Daten liest.

Als Arbeitsregel 2,5 cm breit bei einer kurzen URL, gegenüber 2 cm für denselben Code mit quadratischen Modulen. Punkte tragen pro Modul etwa halb so viel Farbe, und das Auslaufen der Druckfarbe auf ungestrichenem Papier frisst kleine Punkte zuerst an. Bei längeren URLs skaliere hoch, sodass jedes Modul bei etwa 0,5 mm oder mehr bleibt.

Ja. KoloQR erzeugt jeden Code auf Fehlerkorrekturstufe H, die etwa 30 % des Symbols wiederherstellt, und räumt in der Mitte Platz für das Logo frei. Ein gepunkteter Code hat weniger Reserve als ein quadratischer, also halte das Logo zurückhaltend und teste das gedruckte Ergebnis.

Ja. KoloQR erstellt Punkt-QR-Codes kostenlos, einschließlich Downloads als SVG, PDF, EPS und PNG, ohne Konto und ohne Wasserzeichen. Die Codes sind statisch, sie haben also kein Scan-Limit und laufen nicht ab.

Helle Punkte auf dunklem Hintergrund sind ein invertierter QR-Code, den der Standard erlaubt, den Handy-Scanner aber uneinheitlich decodieren. Ein gepunktetes Muster verschlimmert das, weil die hellen Zeichen noch kleiner sind. Setze stattdessen dunkle Punkte auf eine helle Fläche, auch innerhalb eines dunklen Designs.

Warum KoloQR?

  • Erstelle QR-Codes für Websites, Speisekarten, Wi-Fi, PDFs und Visitenkarten
  • Passe Farben, Logos und einzigartige Formen an
  • Lade hochwertige PNG- und SVG-Dateien herunter
  • Für Print und Digital gemacht
QR-Code erstellen
Ein einfacher schwarzer QR-Code neben demselben Code, umgestaltet als Kreis mit Markenfarben