Pixel-QR-Codes, von Pixel-Art bis zur pixelgenauen Datei
Ein Pixel-QR-Code ist ein QR-Code, der aus hartkantigen Quadraten gezeichnet wird, ein Quadrat pro Modul, ohne Rundungen, Punkte oder Verläufe. Dasselbe Raster lässt sich als scharfes Bild exportieren, in einem Pixel-Art-Editor nachzeichnen oder aus Blöcken, Noppen, Fliesen oder Stichen bauen. Diese Seite behandelt den Look, die Bauprojekte und die Pixelzahlen, die jede Variante scanbar halten.
Öffnet sich in Google Maps. Koordinaten gehen auch – 37.4224, -122.0841.
Der Code öffnet das Formular „Rezension schreiben“ deines Unternehmens. Füge die Place ID ein oder einen Google-Maps-Link, der sie enthält.
Ein UPI-Link hat keine Prüfsumme: Eine vertippte ID ergibt einen Code, der einwandfrei scannt und jemand anderen bezahlt. Füge die ID aus deiner Zahlungs-App ein, statt sie abzutippen, und überweise dir vor dem Druck eine Rupie.
Füge sie genau so ein, wie du sie kopiert hast. KoloQR baut die Payload nicht selbst zusammen – es kodiert die deiner Bank und prüft sie, bevor du druckst.
SVG, PNG, JPG • Max. 2 MB
Was ist ein Pixel-QR-Code?
Ein Pixel-QR-Code ist ein QR-Code, in dem jedes Modul ein schlichtes Quadrat mit harten Kanten ist, sodass das ganze Symbol wie ein Raster aus Pixeln wirkt. Ein Modul ist eine Zelle des QR-Code-Rasters, dunkel oder hell. Quadratische Module sind die Form, die die QR-Code-Norm ISO/IEC 18004 beschreibt, und das macht den Pixel-Stil zum tolerantesten beim Scannen - das entgegengesetzte Ende der Skala von Punkt-QR-Codes, die Scan-Reserve gegen einen weicheren Look tauschen. Die übrigen Stile und Umrisse sind unter QR-Code-Formen dargestellt, und Version, Fehlerkorrekturstufe und Modulzahl jedes vorhandenen Codes lassen sich mit dem QR-Code-Decoder auslesen.
Das Raster hinter jedem Pixel-QR-Code
Ein QR-Code ist bereits ein Pixelraster, und seine Größe in Modulen ist dadurch festgelegt, wie viele Daten er enthält. Das Raster zu kennen macht einen QR-Code in Pixel-Art oder aus Blöcken erst möglich.
- Version 1 hat 21 x 21 Module - jede Version fügt vier Module pro Seite hinzu, Version 2 hat also 25 x 25, Version 3 hat 29 x 29, und die größte, Version 40, hat 177 x 177.
- Die Ruhezone verlängert jede Seite um acht Module - eine Ruhezone ist der leere Rand um einen QR-Code, an dem ein Scanner erkennt, wo das Symbol beginnt und endet. Bei vier Modulen auf jeder Seite belegt ein Code der Version 1 insgesamt 29 x 29 Zellen.
- Kürzere Daten ergeben ein kleineres Raster - auf Fehlerkorrekturstufe L fasst Version 1 17 Bytes, Version 2 fasst 32 und Version 3 fasst 53. Ein kurzer Link ist der Unterschied zwischen einem Bau mit 21 Modulen und einem mit 33.
- Drei Eckquadrate sind fest vorgegeben - jedes Suchmuster hat 7 x 7 Module: einen dunklen Ring, einen hellen Ring und eine dunkle Mitte von 3 x 3. Die Suchmuster sind in jedem QR-Code gleich und müssen exakt kopiert werden.
Wird ein QR-Code von Hand nachgebaut, zählt jedes Modul gleich viel. Ein generiertes Bild kann ein paar Module an ein Logo verlieren, weil seine Fehlerkorrektur dafür eingeplant wurde; ein von Hand gebautes Raster mit zehn falsch gesetzten Blöcken hat diese Reserve für Fehler ausgegeben.
Der Pixel-Stil ist der sicherste Stil
Quadratische Module füllen ihre Zellen vollständig, ein Pixel-QR-Code trägt also die meiste Farbe, die schärfsten Kanten und die größte Scan-Reserve aller Modulstile. Das macht ihn zur richtigen Wahl, wo die Bedingungen ohnehin schwierig sind: Codes unter 2 cm, Thermo-Bondrucker, Stickerei, Gravur, Displays mit niedriger Auflösung und alles, was aus der Entfernung fotografiert wird.
QR-Code generieren
Wo Pixel-QR-Codes am besten funktionieren
Der Pixel-Stil passt zu zwei sehr verschiedenen Situationen: zu Designs, die einen bewussten Retro-Look in 8-Bit-Optik wollen, und zu Herstellungsverfahren, die nur Quadrate erzeugen können.
Pixel-Art und Retro-Game-Grafik
Ein Code mit quadratischen Modulen fügt sich natürlich in Pixel-Art-Poster, Menüs von Indie-Games und Stream-Overlays ein. Zeichne ihn auf demselben Pixelraster wie die übrige Grafik, ein Grafikpixel pro Modul.
Minecraft und andere Block-Bauten
Ein Block pro Modul, in zwei stark kontrastierenden Materialien auf ebenem Boden. Ein Code der Version 1 hat 21 x 21 Blöcke, oder 29 x 29 mit seiner Ruhezone, und wird von einem Screenshot gescannt, der direkt von oben aufgenommen wurde.
LEGO, Fliesen und Mosaike
Eine Noppe oder Fliese pro Modul. Ein Code der Version 2 braucht samt Ruhezone eine Fläche von 33 x 33 Noppen, was auf eine Grundplatte mit 48 x 48 passt und Platz für einen Rand lässt.
Kreuzstich, Stricken und Stickerei
Ein Stich pro Modul auf einem gleichmäßig gewebten Stoff. Garn breitet sich weniger vorhersehbar aus als Druckfarbe, also beschränke das Design auf die Versionen 1 bis 3 und nutze Schwarz auf Weiß oder Creme.
LED-Matrizen und Displays mit niedriger Auflösung
Ein LED-Panel mit 32 x 32 kann einen Code der Version 1 mit voller Ruhezone zeigen, insgesamt 29 x 29 LEDs, bei einer LED pro Modul. Beleuchte den Hintergrund und lass die Module aus, damit der Code als Dunkel auf Hell gelesen wird.
Lasergravur und Thermodruck
Verfahren, die brennen, ätzen oder erhitzen, erzeugen eine leicht ausgefranste Kante. Volle quadratische Module lassen pro Modul das meiste Material stehen, und deshalb nutzen Bon- und Etikettendrucker sie.
Wie viele Pixel braucht ein QR-Code?
Ein QR-Code-Bild braucht eine ganze Zahl von Pixeln pro Modul, und mindestens 4 Pixel pro Modul, wo eine Kamera es von einem Bildschirm liest. Beide Regeln ergeben sich daraus, wie ein Modulraster auf ein Pixelraster abgebildet wird.
Pixelzahlen für scharfe QR-Code-Dateien
Die Pixelgröße eines QR-Codes ist die Modulzahl samt Ruhezone, multipliziert mit den Pixeln, die jedes Modul bekommt. Sie einmal auszurechnen vermeidet die unscharfen Kanten, die beim Skalieren entstehen.
- Nutze eine ganze Zahl von Pixeln pro Modul - ein Code der Version 3 hat 29 Module plus 8 für die Ruhezone, insgesamt 37. Bei 10 Pixeln pro Modul hat das Bild genau 370 x 370 Pixel, und jede Modulkante liegt auf einer Pixelgrenze.
- Vermeide Zwischengrößen - dieses 370-Pixel-Bild auf 400 Pixel zu skalieren gibt jedem Modul 10,8 Pixel, manche Module werden also 10 breit gerendert und andere 11, mit grauen Pixeln entlang der Kanten. Der Code scannt in dieser Größe trotzdem und sieht weich aus.
- Skaliere mit Nearest-Neighbour, nicht mit Glättung - Bildbearbeitungsprogramme glätten beim Vergrößern standardmäßig. Wähle Nearest-Neighbour (Pixelwiederholung), oder setze in CSS image-rendering: pixelated, und vergrößere nur um ganze Vielfache.
- Rechne auf Bildschirmen mit 4 Pixeln pro Modul - in unserem Decoder-Test wurden quadratische Module von 2,5 bis 10 erfassten Pixeln pro Modul an 16 von 16 Positionen decodiert, und bei 2 Pixeln pro Modul an 10 von 16. Eine Kamera erfasst einen Bildschirm nie eins zu eins, 4 angezeigte Pixel pro Modul sind also eine sinnvolle Untergrenze.
- Nimm Vektor für den Druck und vergiss die Pixel - ein SVG, PDF oder EPS speichert jedes Modul als geometrisches Quadrat, die Datei hat also keine Pixelgröße und druckt in jeder Abmessung scharf.
Der Decoder-Test hinter der 4-Pixel-Regel nutzte jsQR, einen Open-Source-Decoder, der in vielen Browser-Scannern steckt. Die in iOS- und Android-Kameras eingebauten Decoder sind geschlossen und wurden nicht getestet, behandle die Zahl also als vorsichtige Arbeitsuntergrenze und nicht als Grenzwert.
Regeln für einen von Hand gebauten Pixel-QR-Code
Ein QR-Code aus Blöcken, Noppen oder Stichen folgt denselben Regeln wie ein gedruckter, und dazu kommen ein paar, die nur gelten, wenn jedes Modul von Hand gesetzt wird.
- Kürze zuerst die Daten - jedes eingesparte Zeichen kann den Code auf eine kleinere Version bringen. Nutze eine kurze Domain ohne Tracking-Parameter, und prüfe die Modulzahl, bevor du Material kaufst.
- Wähle einen Generator, der die Version zeigt - eine niedrigere Fehlerkorrekturstufe ergibt für denselben Link ein kleineres Raster. KoloQR erzeugt jeden Code auf Stufe H, damit Logos möglich sind; wer das kleinstmögliche Raster bauen will, sollte also einen Generator mit einer Einstellung für Stufe L nutzen.
- Arbeite nach einem Ausdruck mit Raster - exportiere den Code groß, lege ein Raster darüber und nummeriere die Zeilen und Spalten. Baue Zeile für Zeile und hake jede Zeile ab; Fehler entstehen, weil man die Stelle verliert, nicht weil man ein Modul falsch liest.
- Wähle flache, matte, kontrastreiche Materialien - schwarzer und weißer Beton in Minecraft, schwarze und weiße Platten bei LEGO. Strukturierte, glänzende oder leuchtende Materialien bringen Rauschen in jedes Modul.
- Baue auch die Ruhezone - vier helle Module auf jeder Seite, im selben Material wie die hellen Module. Gras, eine Tischkante oder der Rand einer Grundplatte direkt am Code ist der übliche Grund, aus dem ein Bau scheitert.
- Scanne frontal - fotografiere oder mach den Screenshot direkt von oben oder von vorn, bei gleichmäßigem Licht. Teste, wenn die Suchmuster fertig sind, und noch einmal bei der Hälfte, damit ein Fehler vor der letzten Zeile gefunden wird.
Ideen für Pixel-QR-Codes
Vier Bauten und Designs, jeweils mit der Zahl, die entscheidet, ob es funktioniert.
So erstellst du einen Pixel-QR-Code
Ein Pixel-QR-Code ist in etwa einer Minute erzeugt, und ein paar weitere Minuten braucht die Vorbereitung für Pixel-Art oder einen Bau aus echtem Material.
QR-Code generieren- 1
Gib den kürzesten Link ein, der funktioniert
Füge den Link ein und entferne alles Optionale. Weniger Zeichen bedeuten weniger Module, und das bedeutet weniger Pixel, Blöcke oder Stiche.
- 2
Stelle das Muster auf Quadratisch
Wähle das Muster Quadratisch und den quadratischen Augenstil, damit jedes Modul und alle drei Suchmuster hartkantige Quadrate sind.
- 3
Nutze zwei flächige Farben
Wähle eine dunkle Farbe auf hellem Hintergrund ohne Verlauf. Die Kontrast-Anzeige unter der Vorschau zeigt, ob das Paar zuverlässig scannen sollte.
- 4
Exportiere SVG für den Druck, PNG für Pixelarbeit
Lade SVG für alles Gedruckte herunter. Für Pixel-Art oder eine Bauvorlage lade PNG herunter und vergrößere es um ganze Vielfache mit Nearest-Neighbour-Skalierung.
Schlichte Quadrate, richtig gemacht
KoloQR, ein kostenloser QR-Code-Generator mit runden und individuell geformten QR-Codes, macht auch die schlichteste Sorte. Wähle das Muster Quadratisch, setze zwei Farben, und der Generator zeichnet hartkantige Module mit durchgehenden Suchmustern und zeigt einen Kontrastwert für die gewählten Farben.
KoloQR exportiert SVG, PDF und EPS für den Druck und PNG für Bildschirme, ohne Konto und ohne Wasserzeichen. KoloQR erzeugt jeden Code auf Fehlerkorrekturstufe H und erstellt nur statische QR-Codes, das Raster ist also größer als bei einem Code der Stufe L aus demselben Link, und das Ziel lässt sich nicht mehr ändern, nachdem der Code erstellt wurde.
QR-Code generierenExportformate für Pixel-QR-Codes
Das Dateiformat entscheidet, ob die harten Kanten eines Pixel-QR-Codes den Weg auf einen Bildschirm, in einen Drucker oder in einen Editor überstehen.
PNG
Verlustfrei, die Modulkanten bleiben also hart. Das richtige Format für Pixel-Art-Editoren, Spieltexturen und Bauvorlagen. Vermeide JPG, dessen Kompression graue Ringartefakte entlang jeder Kante hinterlässt.
SVG
Jedes Modul wird als Quadrat statt als Pixel gespeichert, der Code ist also in jeder Größe scharf, und die Pixelrechnung entfällt. Das Format für den Druck.
PDF oder EPS
Vektorformate für Druckereien, Graveure und Schilderhersteller. Beide öffnen sich in Illustrator oder InDesign mit intakten, bearbeitbaren Modulen.
Questions? Answered
Multipliziere die Modulzahl, einschließlich 8 für die Ruhezone, mit einer ganzen Zahl von Pixeln pro Modul. Ein Code der Version 3 ist mit seinem Rand 37 Module breit, bei 10 Pixeln pro Modul also 370 x 370 Pixel. Rechne für Bildschirme mit mindestens 4 Pixeln pro Modul. Für den Druck nutze SVG oder PDF, die gar keine Pixelgröße haben.
Das Bild wurde auf eine Größe skaliert, bei der jedes Modul einen Bruchteil eines Pixels breit ist, und das Programm hat die Kanten geglättet. Skaliere nur um ganze Vielfache - 370 Pixel auf 740, nicht auf 600 - und stelle die Skalierungsmethode auf Nearest-Neighbour. Auf einer Webseite bewirkt die CSS-Regel image-rendering: pixelated dasselbe.
Ein QR-Code der Version 1 hat 21 x 21 Blöcke, oder 29 x 29 mit seiner Ruhezone aus vier Blöcken, und fasst auf Fehlerkorrekturstufe L bis zu 17 Zeichen. Ein typischer Website-Link braucht Version 2 oder 3, das sind 25 oder 29 Blöcke in der Breite. Nutze einen Generator mit einer Option für Stufe L, um den Bau klein zu halten.
Ja, indem du einen generierten Code Modul für Modul kopierst; frei entwerfen lässt sich ein QR-Code nicht, weil das Muster aus den Daten berechnet wird. Generiere den Code, exportiere ein PNG und verkleinere es mit Nearest-Neighbour-Skalierung auf 1 Pixel pro Modul. Dieses Bild ist bereits Pixel-Art, bereit zum Umfärben und Einsetzen im Editor.
Ja, solange jedes dunkle Modul deutlich dunkler ist als jedes helle Modul. Ein Scanner wandelt das Bild vor dem Decodieren in Schwarz und Weiß um, mehrere dunkle Töne auf einem hellen Hintergrund funktionieren also. Dunkle und helle Module mit ähnlicher Helligkeit scheitern, egal welchen Farbton sie haben.
Weniger, als die Fehlerkorrekturstufe vermuten lässt. Stufe L stellt etwa 7 % des Symbols wieder her und Stufe H etwa 30 %, aber Fehler werden in Blöcken fester Größe korrigiert, mehrere Fehler dicht beieinander können einen Block also überfordern. Behandle die Suchmuster, die Taktlinien und die Formatstreifen neben den Suchmustern als unantastbar.
Ja. Quadratische Module füllen ihre Zellen, sie tragen also etwa doppelt so viel Farbe wie ein Punkt mit 80 % der Zellenbreite, und sie lassen keine Lücken, die ein Decoder falsch lesen könnte. Für kleine Druckgrößen, Displays mit niedriger Auflösung und grobe Herstellungsverfahren sind quadratische Module die sicherere Wahl.
Öffne die Kamera-App und richte sie auf den QR-Code; es erscheint ein Link zum Antippen. Ein Google Pixel hat außerdem eine Kachel QR-Code scannen in den Schnelleinstellungen und Google Lens in der Suchleiste des Startbildschirms. Der Android-Scan-Leitfaden deckt jeden Weg ab: QR-Code mit einem Android-Handy scannen.
Ja. KoloQR erstellt QR-Codes mit quadratischen Modulen 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.
Weiter stöbern
Seiten, die dort weitermachen, wo diese aufhört - dasselbe Umfeld, dieselbe Art von Code oder die nächste Entscheidung.
QR-Code-Formen
Die ganze Formen-Systematik - Module, Augen und Rahmen - mit den Abwägungen hinter runden, dreieckigen, sechseckigen und quadratischen Codes.
Dreieck-QR-Codes
Kantige, geometrische QR-Designs – wie dreieckiges Styling funktioniert und wann man es einsetzt.
Sechseck-QR-Codes
Codes im Waben-Stil für Tech-, Gaming- und Eco-Marken – mit den Designtipps, die sie scanbar halten.
Ein runder QR-Code ist ein quadratischer QR-Code im Kostüm
Geformte Codes werden gescannt, weil die Form die Daten nie berührt. Was eine Form wirklich kostet, ist Breite: ein dreieckiger Code braucht eine Grundseite von etwa dem 2,6-Fachen der Matrixbreite.
Etsy-QR-Code
Führt den Scan zu deinem Etsy-Shop oder zu einem einzelnen Angebot - von einem Anhänger oder einem Standschild aus.
Transparente QR-Codes
Codes ohne eigenen Hintergrund - auf welchen Flächen sie scannen, welche sie brechen, und wie man einen auf Fotos, Video, Glas und transparente Etiketten setzt.
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
