Wie man einen QR-Code mit Firmenlogo erstellt — und ob das sicher zum Scannen ist
Ein QR-Code mit einem Logo in der Mitte sieht professionell aus und schafft Vertrauen. Wir zeigen Ihnen, wie Sie ihn erstellen, wie groß das Logo sein darf, damit der Code weiterhin scanbar bleibt, und wie Sie dies tun können, ohne die Datei auf einen fremden Server hochzuladen.
Ich sage dir, wie ich das nach Jahren der Erstellung dieser Codes für Kunden sehe. Das schwarz-weiße Quadrat funktioniert. Es scannt perfekt. Es sieht nur exakt genauso aus wie der Code des Nachbarn, der Code der Konkurrenz und der Code auf dem Flyer, den dir jemand in den Briefkasten geworfen hat. Einfach nichts Besonderes.
Und jetzt setze das Logo in die Mitte. Plötzlich sieht der Mensch, wessen Code es ist, noch bevor er das Telefon überhaupt anhält. Und er scannt lieber, weil er eine Marke sieht, die er kennt. Der Unterschied bei den Scan-Ergebnissen kann erheblich sein.
Die Frage, die in dieser Phase immer gestellt wird: „Wird mir das nicht das Scannen verderben?“. Nein. Vorausgesetzt, du machst es nicht einfach auf gut Glück.
Warum das Logo nicht den gesamten QR-Code mit dem Logo in die Luft sprengt
Hier ist ein wenig Magie, die es sich zu verstehen lohnt. Jeder QR-Code enthält eine integrierte Fehlerkorrektur. Das ist eine Art redundanter Datenspeicher, der es dem Scanner ermöglicht, das gesamte Bild wiederherzustellen, selbst wenn ein Teil des Codes verschmutzt, zerknittert oder teilweise verdeckt ist.
Auf der höchsten Ebene (gekennzeichnet durch den Buchstaben „H“) überlebt der Code eine Abdeckung von etwa 30 % der Fläche. Das Logo in der Mitte verbraucht normalerweise 20–25 %. Das heißt, Sie haben genug Platz, und zwar mit Reserve.
Zwei Dinge, an die ich mich immer halte:
- Das Logo kommt genau in die Mitte. Niemals in die Ecken. Diese drei dicken Quadrate in den Ecken sind Positionsmarkierungen; anhand dieser erkennt der Scanner, wo oben und wo unten ist. Wenn du eines verdeckst, ist Schluss, der Code ist tot.
- Gib dem Logo eine weiße Umrandung. Ein schmaler Rand drumherum. Er trennt deine Grafik von den „Pixeln“ des Codes und hilft wirklich beim Lesen, besonders wenn das Logo eine ausgefranste, unregelmäßige Form hat.
Schritt-für-Schritt-Anleitung
Bei cutty.dev machst du das beim Kürzen des Links mit, da der QR-Code automatisch bei jedem Link dabei ist. Los geht's:
- Kürze den Link oder öffne einen, den du bereits im Panel hast.
- Gehe zum Bereich „QR-Code“ auf der Bearbeitungsseite.
- Lade dein Logo hoch (PNG, SVG, JPG, was auch immer du hast). Es wird in der Mitte platziert, und die Fehlerkorrektur erhöht automatisch das Niveau. Du musst nichts anklicken.
- Wähle die Farbe des Codes und des Hintergrunds passend zur Marke aus.
- Herunterladen. PNG für den Bildschirm und Social Media, SVG für den Druck (skaliert ohne Qualitätsverlust, daher nimm genau SVG für Banner oder Roll-ups).
Die Vorschau aktualisiert sich live. Du siehst das Ergebnis, bevor etwas auf der Festplatte landet.
Pass auf: Farben können dich täuschen
Dies ist der eine Moment, in dem die Leute am häufigsten scheitern, also hör genau zu.
Der Scanner liest keine Farben. Er liest Kontrast. Du kannst den Code bemalen, bitte sehr, aber halte dich an die Regel: dunkler Code auf hellem Hintergrund. Nicht umgekehrt. Heller Code auf dunklem Hintergrund wird zwar auf deinem Flaggschiff-Telefon gescannt, aber dann steht der Kunde mit einem älteren Android-Gerät da und flucht, weil er nichts erfassen kann.
Und platziere die Codefarbe nicht zu nah an der Hintergrundfarbe. Dunkelblau auf Schwarz? Vergiss es. Je größer der Kontrast, desto sicherer wird der Code aus größerer Entfernung erfasst (und auf einer Website oder einem Plakat an einer Bushaltestelle spielt das genau deshalb eine Rolle).
Die Sache, die dir niemand sagen wird: wo dein Logo landet
Die meisten Logo-Code-Generatoren verlangen von Ihnen, eine Datei auf deren Server hochzuladen. Und hier halten Sie kurz inne. Ihr Markenzeichen, manchmal die einzige ordentliche Vektorgrafik, landet bei einem fremden Anbieter. Und in den Nutzungsbedingungen kann das Recht zur weiteren Verwendung dieser Datei festgeschrieben sein. Hat jemals jemand diese Nutzungsbedingungen gelesen? Genau.
Bei uns wird der Code in deinem Browser erstellt. Das Logo verlässt deinen Computer nicht, wird nirgendwohin gesendet und wird auch nicht gespeichert. Die Datei bleibt dein Eigentum.
Du druckst einmal, du leitest weiter, wohin du willst
Zum Schluss ein Rat, der dir in Zukunft viel Geld beim erneuten Drucken ersparen wird.
Erstellen Sie den Code aus einem Kurzlink, nicht aus der rohen, langen Adresse. Warum? Weil ein auf einem Kurzlink basierender Code später von innen heraus geändert werden kann. Sie ändern das Linkziel im Dashboard, und derselbe gedruckte Code führt plötzlich woanders hin. Ist eine Aktion abgelaufen? Leiten Sie einfach auf eine neue um, ohne die Flyer anzufassen.
Der direkt in eine lange Adresse eingebettete Code ist festgeschrieben. Änderung des Ziels = neuer Code = neuer Druck = neue Rechnung aus der Druckerei. Denken Sie darüber nach, bevor Sie tausend Visitenkarten bestellen.