von t3n Redaktion,
Twittern 104 Teilen 211

QR-Codes mit eigenem Logo: So geht’s.

QR-Codes sind geekig. Man verwendet sie ähnlich wie Barcodes, um Daten, meistens URLs, zu kodieren. Scannt man den Code dann z.B. mit einem Smartphone, hüpft man direkt auf die Website und muss nichts abtippen. Was aber noch geekiger ist als QR-Codes: QR-Codes mit eigenem Logo. Dieser Beitrag zeigt wie's geht.

QR-Codes sind beliebt bei Hackern, Geeks, Nerds, sie finden sich auf Visitenkarten, Hinweisschildern, in Zeitschriften und auf Websites. Eine Opernaufführung oder eine Novalis-Lesegruppe würde man vielleicht nicht mit bewerben, wohl aber eine Hack-Night oder Web-Dev-Konferenz. Der neueste Trend ist nun, das eigene Logo in den einzubringen.

Der Trick besteht darin, die Fehlertoleranz von QR-Codes auszunutzen. Dabei wird die maximale Anzahl an Bytes, die "kaputt" sein dürfen, mit einer beliebigen Grafik überschrieben. Der QR-Code ist dann immer noch gültig, zentral prangt jedoch das Logo, sichert einem die Achtung der Fellow-Geeks und ist allemal ein Hingucker.

So sieht das dann aus:

QR-Code-Magic mit Gimp und Photoshop

Wichtig ist es, drei Dinge zu beachten: Man muss die QR-Code-Version so wählen, dass der Code von der Größe her ausreicht und genügend Fehlerkorrektur bietet - dieser Online-QR-Code-Generator erlaubt es, detailliert einzustellen, welche Sorte Code man erzeugen will. Zweitens darf man die unbedingt nötigen Teile des QR-Codes, das sind vor allem die äußeren Ecken, auf keinen Fall beschädigen. Und drittens muss man, wenn man eine übliche Schwarz-Weiß-Grafik benutzt, zwischen Logo und den umgebenden Pixeln einen weißen Rand lassen, sonst schlägt das Lesen des Codes fehl. Es lassen sich aber sogar farbige Logos integrieren, wie man in der kleinen Bildergalerie oben sieht, denn der QR-Code-Leser berücksichtigt letztlich nur Kontraste – ob ein Pixel schwarz, blau, rot oder lila ist, ist ihm egal.

Und wenn man nur die Zone im Code nutzt, die durch die Fehlerkorrektur ohnehin "egal" ist, kann man sogar hochauflösende Bilder einbauen. Dieser Artikel auf Hack a day erklärt die zugrunde liegende Technik und das Vorgehen detailliert. Eine hübsche Spielerei, die viele Möglichkeiten für Werbegags bietet – vielleicht sogar für Nicht-Geeks.

Weitere Artikel zu QR-Code und Smartphones

Das interessiert dich bestimmt auch

38 Answers

  1. von QR Codes 15.08.2011 (14:55Uhr) 1.

    Erinnert an die Shape-CDs. Interessant wären natürlich Codes die sowas gleich erlaubt hätten oder in Zukunft als Möglichkeit einführen.

    Die Apps müssten fehlerhafte Codes auf Anfrage mit GPS-Position melden können. Ausdrucke bleichen gerne aus wenn sie ständig in der Sonne hängen.

  2. von Mark Bourichter via facebook 15.08.2011 (17:11Uhr) 2.

    http://www.facebook.com/photo.php?fbid=220379684649990&set=a.182239831797309.37713.181226181898674&type=1&theater

  3. von Mark Bourichter via facebook 15.08.2011 (17:12Uhr) 3.

    Die Nürburgring-Nordschleife als QR-Code.

  4. von Astrid 15.08.2011 (17:29Uhr) 4.

    Leider sind die QR Codes zu wenig in Verwendung. Ich oute mich mal als GeekGirl ;-) ich mag diese verspielten Geschichten und werde sie demnächst in meine Geocaches einbauen. Danke für den Beitrag!

  5. von Nicole Buchmann via facebook 15.08.2011 (17:34Uhr) 5.

    Ich sach nur: Daqri.

  6. von Tom 15.08.2011 (17:40Uhr) 6.

    Die bessere Platform mit mobile webpage cms und Statistik
    http://www.qrgold.com/

  7. von Bätschman 15.08.2011 (19:40Uhr) 7.

    @ Tom:
    Wie sieht es mit den eingetragenen Daten (Handy-Nr. usw.) aus? Werden diese gespeichert?

  8. von mdenkmaier 15.08.2011 (22:09Uhr) 8.

    Mittlerweile ja ein (ur-)alter Hut, aber der Einsatz und vorallem die Nutzung kommt irgendwie nicht richtig vom Fleck. Wir benutzen es seit geraumer Zeit bei allen möglichen Projekten als Eye-Catcher mit Nutzen, z.B.: http://twitpic.com/5fka15

  9. von QR-Codes mit eigenem Logo « Joachi… 16.08.2011 (09:43Uhr) 9.

    [...] QR-Codes mit eigenem Logo: So geht’s. » t3n News. [...]

  10. von Mpass, E-Plus, Shopgate. — mobilbranch… 16.08.2011 (13:03Uhr) 10.

    [...] QR-Codes können durch einen simplen Trick mit dem eigenen Firmenlogo versehen werden, demonstriert das Magazin “t3n”. Dabei wird die Fehlertoleranz von QR-Codes ausgenutzt und die maximale Anzahl an Bytes, die “kaputt” sein dürfen, mit einer beliebigen Grafik überschrieben. Das geht ganz einfach mit Photoshop. t3n.de [...]

  11. von nik 16.08.2011 (13:33Uhr) 11.

    QR Codes wirken wie Fremdkörper. Darum würde ich auch kein Logo damit verknüpfen. Als Informationsspeicher ok, aber das Logo ist IMHO daneben viel besser aufgehoben. Das reduziert auch die Pixelanzahl des Codes (der dann kleiner werden kann) und nutzt Fehlertoleranz zu dem Zweck, zu der sie da ist.

  12. von Astrid Entacher via facebook 17.08.2011 (23:11Uhr) 12.

    ich habe ja schon 2008 eine sendung zu tag's und qr codes gemacht, dennoch sehe ich sie noch viel zu selten und damals galt es als geekig :-)

  13. von QR-Codes für alle [Linkliste] | gumpelM… 19.08.2011 (15:06Uhr) 13.

    [...] QR-Codes mit eigenem Logo: So geht’s. [...]

  14. von Social Media Wochenrückblick #20 | Soci… 21.08.2011 (20:43Uhr) 14.

    [...] Dieses Wochenende habe ich erfahren, dass QR-Codes bei der breiten Masse noch nicht angekommen sind – auch nicht in Deutschland. Liegt aber vermutlich daran, dass sie nicht ganz so toll aussehen. Aber man kann QR-Codes auch mit dem eigenen Logo ausstatten. [...]

  15. von Nerdindustries 22.08.2011 (10:59Uhr) 15.

    Man kann in QR-Codes nicht nur Logos einbinden, sondern sie auch komplett grafisch verändern. (Drehen, verschiedene Farben etc.) Für ein paar Inspirationen, schaut doch mal auf unserer Seite vorbei:

    qrlab.nerdindustries.com

    Dort findet ihr auch eine free for use Software, mit der die Veränderungen noch leichter umgesetzt werden können.

  16. von QR-Codes – Spielerei oder Zukunft?… 30.08.2011 (22:27Uhr) 16.

    [...] Zur Anreicherung der QR-Codes mit eigenem Logo: http://t3n.de/news/qr-codes-eigenem-logo-gehts-325933/ [...]

  17. von QR-Codes: Gar nicht so unbeliebt –… 07.09.2011 (17:49Uhr) 17.

    [...] QR-Codes eine gewisse Fehlertoleranz zulassen, ist dies möglich. Mehr dazu unter t3n.de - oder siehe Beispiel in diesem Artikel. Teilen [?]: Flattr this! Teilen Google +1 [...]

  18. von TY Oerny Lunke 18.09.2011 (20:06Uhr) 18.

    Künstler aus Stuttgart,
    schon über 120 kreative QR Codes mit Farbe, Foto und Logo erstellt.
    Derzeit igendwie der erste! 65 sind Online unter
    Grüße

  19. von Nils 04.10.2011 (11:00Uhr) 19.

    Hallo Gemeinde,
    bei http://www.follow-qr.com könnt Ihr einfach QR Codes mit integriertem Logo erstellen. Alles was man dafür benötigt ist ein Twitter Account. Viel Spass beim ausprobieren

    Viele Grüße,
    Nils

  20. von QR-Codes machen Dächer in Google Maps z… 07.10.2011 (10:02Uhr) 20.

    [...] QR-Codes mit eigenem Logo: So geht’s. - t3n News [...]

  21. von QR-Codes machen Dächer in Google Maps z… 07.10.2011 (10:02Uhr) 21.

    [...] QR-Codes mit eigenem Logo: So geht’s. - t3n News [...]

  22. von QR-Codes machen Dächer in Google Maps z… 07.10.2011 (10:02Uhr) 22.

    [...] QR-Codes mit eigenem Logo: So geht’s. - t3n News [...]

  23. von QR-Codes machen Dächer in Google Maps z… 07.10.2011 (10:02Uhr) 23.

    [...] QR-Codes mit eigenem Logo: So geht’s. - t3n News [...]

  24. von Google Infographics: QR-Codes und Formel… 10.10.2011 (12:14Uhr) 24.

    [...] In QR-Codes mit hoher Fehlerkorrektur lässt sich zum Beispiel auch das eigene Logo einbauen. [...]

  25. von Schwarz-weiße Pixel waren gestern! Eige… 17.10.2011 (12:34Uhr) 25.

    [...] und weitere Gestaltungselemente in die quadratische Matrix integriert werden können. Laut einem Artikel des t3n-Magazins besteht der Trick darin, die Fehlertoleranz der QR-Codes auszunutzen, da eine bestimmte Anzahl an [...]

  26. von QRC-Designer.com 09.11.2011 (16:31Uhr) 26.

    Größere Logos über die ganze Code Breite sind auch möglich: http://QRC-Designer.com/?p=gallery
    Felix

  27. von QR-Codes verbinden Print-Produkte und On… 22.11.2011 (14:00Uhr) 27.

    [...] überdecken dürfen, damit beim Auslesen keine Fehler passieren. Letzeres hab ich aus dem Artikel QR-Code-Magic mit Gimp und Photoshop bei t3n gelernt. Der in diesem Artikel abgebildete QR-Code beinhaltet z. B. die URL der Startseite [...]

  28. von Welle: Geocache Podcast #5 – Munze… 04.12.2011 (20:16Uhr) 28.

    [...] QR-Codes mit Logo [...]

  29. von QR Code Info by epaperservices - Pearltr… 11.12.2011 (15:53Uhr) 29.

    [...] QR-Codes mit eigenem Logo: So geht’s. » t3n News QR-Codes sind geekig. Man verwendet sie ähnlich wie Barcodes, um Daten, meistens URLs, zu kodieren. [...]

  30. von QR-Codes mit eigenem Logo | meinekleineA… 22.12.2011 (11:05Uhr) 30.

    [...] berichtete bereits im Sommer über grafisch individualisierte QR-Codes (Wikipedia). Nicht das so ein QR-Code [...]

  31. von Harald 22.01.2012 (00:50Uhr) 31.

    Hallo,
    QR Codes - individuell und farblich anpassbar - lassen sich mittlerweile bequem mit einem Online-Generator erstellen, ohne die Verwendung eines Bildbearbeitungsprogrammes (nachträgliche Bearbeitung des QR Codes ist also nicht erforderlich).

    Mehr Infos dazu und eine Gratis-PDF-Anleitung auf http://www.qrcode-erstellen.com

    Freundliche Grüße
    Harald

  32. von FidelisFactory / DiD: Kellogs QR Code 28.01.2012 (17:07Uhr) 32.

    [...] ihr auch so einen basteln wollt, dann findet ihr hier eine [...]

  33. von Ralf 07.02.2012 (15:25Uhr) 33.

    Hallo T3N Gemeinde,

    die QR Logo Idee finde ich echt Klasse. Habe dazu mal ein wenig recheriert und diese Seite gefunden http://www.qrcode-generator.de/logo hier stellt die Firma einige Logo Codes zur schaut. Denke mal das sich sowas auf Marketing Unterlagen echt prächtig macht.

    Viele Grüße,

    Ralf

  34. von Harald 07.02.2012 (18:15Uhr) 34.

    Hallo Ralf,

    danke für den Link. Ich bin der selben Meinung, dass sich das Firmenlogo auf auf den Marketingunterlagen sehr gut macht und auch eine gewisse Individualität ausstrahlt. Doch ich denke, der Service der von Dir verlinkten Seite ist kostenpflichtig.

    Wie man selbst (gratis) individuelle, das heisst farblich an das eigenen CI angepasste QR Codes erstellen und das Firmenlogo darin einbinden kann, ist hier zu sehen:
    http://www.qrcode-erstellen.com

    Dort gibt es eine Gratis-PDF-Anleitung.

    Freundliche Grüße

    Harald

  35. von Die 10 verrücktesten QR-Codes » t3n Ne… 05.03.2012 (16:00Uhr) 35.

    [...] einer URL erspart bleibt. Die Fehlertoleranz kann man sich aber auch zu Nutze machen, indem man in den QR-Code einfach ein Logo einbaut, dass dann nicht mehr als 30 Prozent der Fläche [...]

  36. von Katharina 27.03.2012 (09:53Uhr) 36.

    Eine spannende Sache für Marketingkampagnen mit QR Codes:
    In Echtzeit messen, wie die Codes verwendet werden. So wird schnell klar, welchen Erfolg ein Plakat, Flyer, Magazin, etc. bei der gewünschten Zielgruppe hat.

    Eine Webseite, die das anbietet ist z.B. https://www.trustedscan.com/

  37. von Frank 01.04.2012 (18:30Uhr) 37.

    Ich schliesse mich der Einschätzung von Katharina an und empfehle einen wirklich kostenlosen Service. Auf http://FunQR.de kann man megastylische QR-Code kostenlos erstellen. Und der dazugehörige Tracking-Trick ergibt sich aus dem kürzen der URL bei bit.ly oder goo.gl.

    Also, URL kürzen, QR-Code schreiben, anschliessend tracken und Erfolg messen. ;)

  38. von Denis 03.04.2012 (11:06Uhr) 38.

    Hi, für jeden der mehr mit QR-Codes plant als die Erstellung von einem Design QR-Code. Dem empfehle ich http://www.QReative-media.de. Durch viel Erfahrung und der Kooperation mit der Druckerei Jaeger in Kassel, können ganze QR-Code Kampagnen erstellt werden.
    Schaut vorbei.
    MfG Denis

Deine Meinung


(wird nicht veröffentlicht)