Zum Inhalt springen

QR-Code mit Logo

Dein Logo auf einem QR-Code, ohne Bezahlschranke, ohne Anmeldung und ohne Wasserzeichen. Es gibt zwei Wege dafür, und sie verhalten sich sehr unterschiedlich. Diese Seite erklärt, was jeder davon kostet und wie weit du gehen kannst, bevor der Code aufhört zu scannen.

Auf dieser Seite

Die meisten Generatoren bieten einen davon an. FigQR bietet beide, und der Unterschied ist nicht kosmetisch.

  • In der Mitte. Die bekannte Variante. In der Mitte des Musters wird ein Quadrat freigeräumt, dein Logo sitzt darin. Module werden dabei wirklich entfernt, der Code muss also mit einem Loch überleben.
  • Hinter dem ganzen Code. Dein Logo füllt den Code aus, das Muster wird darübergelegt. Nichts wird entfernt. Das Bild erscheint in den Lücken zwischen den Modulen.

Die erste Variante ist sicher, die zweite auffällig. Wenn du etwas druckst, das du nicht neu drucken kannst, nimm die erste.

Zerstört ein Logo den Code?

Ein QR-Code trägt redundante Daten, damit er auch dann lesbar bleibt, wenn ein Teil verschmutzt, geknickt oder verdeckt ist. Diese Redundanz heißt Fehlerkorrektur und hat vier Stufen:

  • L stellt rund 7% wieder her
  • M rund 15%
  • Q rund 25%
  • H rund 30%

Ein Logo in der Mitte ist selbst zugefügter Schaden. Der Scanner unterscheidet nicht zwischen deinem Zeichen und einem Kaffeefleck, also müssen die Module darunter aus der Redundanz zurückgerechnet werden. FigQR wechselt automatisch auf H, sobald ein Logo hinzukommt. Deshalb wird das Muster dichter, wenn du eines einsetzt. Diese Dichte ist der Preis des Logos, und er lohnt sich.

Wenn du die Stufe von Hand setzt und das Logo stehen lässt, warnt dich der Generator. Es ist die eine Einstellung, bei der ein Übersteuern zuverlässig einen Code erzeugt, der gut aussieht und am Handy versagt.

Wie groß das Logo sein darf

In der Mitte liegt die Grenze bei 28% der Codebreite. Das ist Rechnung, nicht Vorsicht. H stellt etwa 30% wieder her, und ein Zeichen, das mehr als ein Viertel des Codes bedeckt, lässt weniger Redundanz übrig, als der Schaden verlangt. Ein Schieberegler darüber hinaus würde Codes erzeugen, die auf dem Entwurfsbildschirm scannen und sonst nirgends.

In der Praxis liegen 15% bis 20% richtig. Das Logo ist deutlich sichtbar, der Code behält Reserve für echte Beschädigung, und das Muster muss nicht wachsen.

Das Logo hinter den Code legen

Diese Variante arbeitet anders, und die Regler ergeben erst Sinn, wenn man den Mechanismus kennt.

Ein QR-Code besteht aus dunklen und hellen Modulen. Die hellen zeigen normalerweise das Papier. Hier werden sie stattdessen in der Papierfarbe gemalt, und dein Logo liegt unter allem. Das Bild erscheint dann in den Lücken zwischen den gemalten Modulen. Es wird nichts ausgeschnitten, also wird keine Fehlerkorrektur verbraucht und es gibt kein Loch zu überleben.

Daraus folgen zwei Regler:

  • Logogröße bestimmt, wie viel vom Code das Bild einnimmt, von 30% bis zur vollen Breite.
  • Wie viel vom Logo zu sehen ist verkleinert die hellen Module. Kleinere helle Module bedeuten breitere Lücken und mehr Bild. Das ist die eigentliche Kontrastkontrolle, und zu weit aufgedreht bricht sie den Code.

Warum nur manche Modulformen angeboten werden

Stellst du die Platzierung auf „dahinter“, schrumpft die Formenliste auf 10. Das ist keine willkürliche Einschränkung. Das Bild kann nur im Raum zwischen den Modulen erscheinen, und eine Form, die ihre Zelle ausfüllt, lässt gar keinen Raum. Das voreingestellte Quadrat zeigt weniger als ein halbes Prozent des Bildes, also einen leeren Code mit längerer Rechenzeit.

Übrig bleiben die Formen, die wirklich Platz lassen: kleine Punkte, kleine Quadrate, senkrechte und waagerechte Balken, Rauten, Sterne und Herzen. Ist deine aktuelle Form nicht dabei, wechselt der Generator zur nächstliegenden angebotenen und sagt dir das.

Farbe entscheidet mehr als Größe

Das ist der Teil, den niemand veröffentlicht, und der nützlichste auf dieser Seite.

Ein Scanner liest einen QR-Code, indem er für jeden Punkt entscheidet, ob er dunkel oder hell ist. Dein Logo sitzt mitten in dieser Entscheidung. Ein Logo in einer kräftigen Farbe nahe der Codefarbe landet auf derselben Seite der Schwelle wie die Module ringsum, und der Code bleibt lesbar. Ein Logo in mittleren Tönen landet auf halbem Weg zwischen Farbe und Papier, und jede helle Zelle wird mehrdeutig.

Wir haben das an fertigen Bildern gemessen, nicht an nackten Codes. Ein einfarbiges Zeichen in der Codefarbe wurde über eine breite Spanne von Einstellungen gelesen. Derselbe Code mit einem vierfarbigen Markenzeichen bestand bei genau einer Kombination von vierundfünfzig, und diese eine kippte je nachdem, welcher JPEG-Encoder die Datei schrieb.

Wenn du also ein Logo hinter dem Code willst, das funktioniert: eine Farbe, dunkel, und Abstand zu den drei großen Quadraten in den Ecken. Das sind die Suchmuster, an denen sich ein Scanner zuerst festhält. Das Logo auf etwa 80% der Breite zurückzunehmen lässt sie frei und ist meist der Unterschied zwischen einem Code, der liest, und einem, der es nicht tut.

Testen, bevor du druckst

FigQR dekodiert die Vorschau nach jeder Änderung in deinem Browser, die Warnung erscheint also in dem Moment, in dem eine Entscheidung den Code bricht. Nimm sie ernst. Es ist dieselbe Prüfung, die ein Scanner durchführt, und sie ist strenger als ein Handy. Eine Warnung ist ein Grund hinzusehen, kein Beweis für ein Versagen.

Bevor etwas in den Druck geht:

  1. Scanne ihn vom Bildschirm, aus der Entfernung, die später wirklich vorkommt.
  2. Scanne ihn nach dem Druck noch einmal, auf dem echten Material.
  3. Nimm ein zweites Handy. Das trennt einen grenzwertigen Code von einer eigenwilligen Kamera.

Für alles Gedruckte lade das SVG, es bleibt in jeder Größe scharf. PDF und EPS liegen für Druckereien bereit, das PNG ist für Bildschirme.

Wenn er nicht scannt

  1. Logo verkleinern. Das Erste, was du probierst, und meist reicht es schon.
  2. Fehlerkorrektur prüfen. Mit Logo gehört sie auf H. Hast du sie von Hand gesetzt, stell sie zurück.
  3. Kontrast erhöhen. Ein blasses Logo auf blassem Grund ist der übliche Grund, und am Bildschirm sieht es bis zuletzt gut aus.
  4. Logo aus den Ecken nehmen. Über die drei Eckquadrate findet ein Scanner den Code überhaupt erst.
  5. Größer drucken. Ein Code mit Logo trägt dieselben Daten in einem dichteren Muster und braucht mehr Breite als ein einfacher.

Häufige Fragen

Verhindert ein Logo, dass der QR-Code noch scannt?

Nicht, wenn der Code dafür gebaut ist. Ein Logo in der Mitte deckt Module ab, und diese Module sind weg. Der Code muss sie also rekonstruieren können. Das leistet die Fehlerkorrektur, und FigQR schaltet automatisch auf die höchste Stufe, sobald du ein Logo einfügst. Ein Logo hinter dem Code entfernt dagegen gar nichts, also gibt es auch nichts zu rekonstruieren.

Wie groß darf das Logo sein?

In der Mitte bis zu 28% der Codebreite. Das ist eine harte Grenze und keine Empfehlung: Die höchste Stufe stellt rund 30% des Codes wieder her, und ab etwa einem Viertel fehlt mehr, als sich mit irgendeiner Stufe zurückrechnen lässt. Hinter dem Code darf das Logo die volle Breite einnehmen, weil es unter dem Muster liegt statt einen Teil davon zu ersetzen.

Welche Datei soll ich hochladen?

Jedes Bild, das dein Browser öffnen kann: PNG, JPG, SVG oder WebP. Für die Mitte liefert ein PNG mit transparentem Hintergrund das sauberste Ergebnis, weil ein weißer Kasten um das Logo Platz frisst, den der Code braucht. Hinter dem Code spielt Transparenz kaum eine Rolle, da das Muster ohnehin darüber gezeichnet wird.

Wird mein Logo auf euren Server hochgeladen?

Nein. Der gesamte Generator läuft in deinem Browser, und dein Logo wird direkt aus der gewählten Datei gelesen. Es verlässt dein Gerät nie. Deshalb gibt es hier auch kein Konto und nichts, was du später löschen müsstest.

Darf ich ein fremdes Logo verwenden?

Für eigene Werbemittel meist nicht ohne Erlaubnis. Eine Marke schützt das Zeichen, nicht die Zeichnung. Eine frei lizenzierte Icon-Datei gibt dir also kein Recht an der Identität eines Unternehmens. Auf den Inhaber zu verweisen ist normal, etwa ein Google-Bewertungslink für dein eigenes Geschäft. Damit für dein Produkt zu werben, unterstellt eine Empfehlung, die nie erteilt wurde.

Logo in der Mitte oder dahinter?

Für fast alles Gedruckte in der Mitte. Das ist die vertraute Variante, sie funktioniert mit jeder Modulform und hält auch bei kleinen Größen. Die Variante dahinter ist die auffälligere und zugleich empfindlichere: Sie braucht eine der angebotenen Modulformen, will eine einzige kräftige Farbe und gehört mit dem Handy getestet, bevor sie irgendwo dauerhaft landet.

Mach einen, der nie abläuft

Kostenlos, ohne Konto und vollständig in deinem Browser erzeugt. Dein Ziel wandert direkt ins Muster.

Generator öffnen

Weiterlesen

Oder erstell einen Code