Transparente QR-Codes, die auf der Fläche dahinter trotzdem scannen
Ein transparenter QR-Code ist ein QR-Code, der ohne Hintergrund exportiert wird, sodass nur die dunklen Module gezeichnet werden und alles andere durchscheint. Damit wird die Fläche hinter dem Code zu einem Teil des Codes: Eine helle, gleichmäßige Fläche scannt, eine dunkle, gemusterte oder bewegte nicht. Diese Seite zeigt, wo transparente QR-Codes funktionieren, wo sie scheitern und wie sich das beheben lässt, ohne den Look zu verlieren.
Ö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 transparenter QR-Code?
Ein transparenter QR-Code ist ein QR-Code-Bild, dessen Hintergrund vollständig durchsichtig ist, sodass nur die dunklen Module sichtbar bleiben. Die hellen Module eines transparenten QR-Codes werden gar nicht gezeichnet; sie sind Lücken, und ein Scanner liest die Farbe, die durch diese Lücken scheint. Ein QR-Code mit transparentem Hintergrund ist deshalb nur so scanbar wie die Fläche, auf die er gesetzt wird. Zu Codes, die eine eigene Hintergrundfarbe mitbringen, siehe farbige QR-Codes. Wo die Fläche nicht ideal ist, sind quadratische Module der nachsichtigste Stil - siehe Pixel-QR-Codes - und ein QR-Code-Rahmen ist ein Weg, dem Code eine helle Unterlage zu geben.
Was Transparenz ändert
Den Hintergrund zu entfernen ändert weder die Daten in einem QR-Code noch die Art, wie ein Handy ihn decodiert. Es ändert, wer für drei Dinge verantwortlich ist, die ein normaler QR-Code selbst mitbringt.
- Die hellen Module werden zur Fläche - ein Scanner braucht jedes helle Modul deutlich heller als jedes dunkle Modul. Ohne Hintergrund in der Datei gibt es diesen Kontrast nur, wenn die Fläche hinter dem Code hell und gleichmäßig ist.
- Auch die Ruhezone wird zur Fläche - eine Ruhezone ist der leere Rand um einen QR-Code, an dem ein Scanner erkennt, wo das Symbol beginnt und endet. ISO/IEC 18004 legt sie auf vier Module auf jeder Seite fest, und bei einem transparenten Code muss dieser Rand freie Fläche sein und keine benachbarte Grafik.
- Der Kontrast steht beim Export nicht mehr fest - ein QR-Code mit eigenem Hintergrund hat überall, wo er eingesetzt wird, denselben Kontrast. Ein transparenter QR-Code hat auf jeder Fläche einen anderen Kontrast, er muss also bei jedem Platzieren erneut geprüft werden.
- Nur manche Dateiformate können sie speichern - PNG, SVG, PDF und EPS speichern Transparenz. JPG kann es nicht, und einen transparenten QR-Code als JPG zu speichern füllt den Hintergrund je nach Programm mit Weiß oder Schwarz.
Ein transparenter QR-Code ist eine Erleichterung beim Gestalten und keine andere Art von Code. Er erspart es, eine Hintergrundfarbe von Hand anzugleichen, und er lässt eine Datei auf mehreren hellen Flächen sitzen. Er bringt einen Code nicht auf einer Fläche zum Funktionieren, auf der ein normaler Code scheitern würde.
Das Schachbrettmuster gehört nicht zum Code
Design-Tools und Generatoren zeigen Transparenz als grau-weißes Schachbrettmuster. Das Schachbrettmuster ist eine Vorschau-Konvention und wird nie exportiert oder gedruckt. Zeigt ein heruntergeladener QR-Code ein Schachbrettmuster, nachdem er in ein Dokument gesetzt wurde, war die Datei ein Screenshot der Vorschau und nicht der transparente Export.
QR-Code generieren
Wo transparente QR-Codes am besten funktionieren
Ein transparenter QR-Code passt in jedes Layout, in dem der Code direkt auf einer hellen Fläche sitzen soll, ohne sichtbaren weißen Kasten ringsum.
Helle Farbflächen in einem Layout
Ein dunkler Code auf einer cremefarbenen, hellgrauen oder pastellfarbenen Fläche, ohne weißes Quadrat, das das Design unterbricht. Eine transparente Datei bedient jede Flächenfarbe eines Markensystems, solange jede davon hell ist.
Präsentationsfolien und Dokumente
Ein transparentes PNG oder SVG sitzt ohne Kasten auf einem hellen Folienhintergrund. Bei einer dunklen Folienvorlage lege zuerst eine helle, abgerundete Fläche hinter den Code.
Kraftpapier, cremefarbenes und getöntes Papier
Nur die dunklen Module zu drucken macht das Papier zum Hintergrund. Kraftpapier ist dunkler, als es aussieht, also nutze die dunkelste verfügbare Druckfarbe und drucke einen Probedruck.
Verpackungen mit einer Sonderfarbe
Ein einfarbiger Druckauftrag kann keinen weißen Kasten drucken. Ein transparenter Vektorcode wird als einzelne Druckfarbe auf die helle Oberfläche des Kartons selbst gedruckt.
Lasergravur und geschnittene Folie
Graviermaschinen und Schneideplotter brauchen allein die dunklen Module als Vektorformen. Ein transparentes SVG liefert genau das, ohne Hintergrundrechteck, das gelöscht werden müsste.
Merchandise auf hellem Stoff
Ein einfarbiger Siebdruck auf einem weißen oder hellen Kleidungsstück. Die Stoffstruktur macht Kanten weicher, also drucke den Code größer, als er auf Papier wäre.
Auf welchen Flächen ein transparenter QR-Code scannt
Ein transparenter QR-Code scannt auf einer Fläche, die heller als die Module, gleichmäßig im Tonwert und unbewegt ist. Ein transparenter QR-Code scheitert auf Flächen, die dunkel, gemustert, bewegt oder durchsichtig sind. Für jedes Scheitern gibt es eine Lösung, die den randlosen Look größtenteils erhält.
Flächen, die einen transparenten QR-Code brechen
Das sind die fünf Platzierungen, die einen transparenten QR-Code am häufigsten am Scannen hindern, jeweils mit dem Grund.
- Dunkle Hintergründe - dunkle Module auf einer dunklen Fläche haben keinen Kontrast. Die Module weiß umzufärben ergibt einen invertierten QR-Code, den der Standard erlaubt, den Handy-Scanner aber uneinheitlich decodieren. Lege stattdessen eine helle Fläche hinter den Code.
- Fotos - ein Foto schwankt in der Helligkeit von einem Modul zum nächsten, manche Lücken werden also als hell gelesen und andere als dunkel. Selbst ein helles Foto hat meist Schatten oder Details, die den Code kreuzen.
- Verläufe und Muster - ein Verlauf, der in einer Ecke hell und in der anderen mitteltonig ist, gibt dem Code auf einer Seite hohen und auf der anderen niedrigen Kontrast. Ein Scanner setzt einen Schwellenwert für einen ganzen Bereich, und der halbe Code fällt auf die falsche Seite davon.
- Video und Livestreams - ein transparenter QR-Code über bewegtem Bildmaterial hat einen Hintergrund, der sich mit jedem Frame ändert. Ein Code, der in einer hellen Szene scannt, scannt in einer dunklen nicht mehr.
- Glas, Fenster und transparente Etiketten - ein auf klare Folie gedruckter Code hat überhaupt keinen Hintergrund: Der Scanner sieht die Straße hinter dem Fenster oder die Flüssigkeit in der Flasche. Ein transparentes Etikett auf einem dunklen Getränk ist ein dunkler Code auf einer dunklen Fläche.
Als Arbeitsregel sollte die Fläche hinter einem transparenten QR-Code gegenüber den Modulen ein Kontrastverhältnis von mindestens 4:1 für den Bildschirm und 7:1 für den Druck ergeben. Das sind dieselben Zielwerte, die für einen QR-Code mit eigenem Hintergrund gelten.
Wie sich jeder Fall beheben lässt
Jede dieser Lösungen fügt direkt hinter dem Code eine helle, gleichmäßige Fläche hinzu. Die Fläche kann in Form und Farbe zum Design passen; sie muss nur da sein.
- Lege eine helle Unterlage hinter den Code - ein abgerundetes Rechteck oder ein Kreis in Weiß oder einer hellen Markenfarbe, das auf jeder Seite mindestens vier Module über den Code hinausreicht. Auf einem Foto oder in einem dunklen Layout ist das die ganze Lösung.
- Nutze über Video eine halbdeckende Unterlage - eine weiße Unterlage mit 85 bis 100 % Deckkraft hält den Hintergrund ruhig und lässt das Overlay trotzdem leicht wirken. Unter etwa 85 % beginnt das Bildmaterial durch die hellen Module zu scheinen.
- Drucke eine weiße Schicht auf transparentes Material - bitte die Druckerei bei Fensteraufklebern und transparenten Etiketten um einen Unterdruck in Weiß hinter der Codefläche. Die weiße Schicht wird zuerst gedruckt und die dunklen Module darüber, der Code bringt auf Glas also seinen eigenen Hintergrund mit.
- Wähle die hellste Stelle des Layouts - wo keine Unterlage gewünscht ist, verschiebe den Code in einen Bereich, der bereits hell und flächig ist, und prüfe, dass die Ruhezone frei von Text und Kanten ist.
- Prüfe den Kontrast auf der echten Fläche - nimm die Farbe der Fläche und die Farbe der Module auf und vergleiche sie im QR-Code-Kontrastprüfer. Ein gegen Weiß ermittelter Kontrastwert sagt nichts über einen Code, der auf Beige sitzt.
Ideen für transparente QR-Codes
Vier Platzierungen, bei denen das Entfernen des Hintergrunds das Design verbessert, jeweils mit dem Detail, das sie scanbar hält.
So erstellst du einen transparenten QR-Code
Ein transparenter QR-Code ist in etwa einer Minute erstellt. Die meiste Sorgfalt gilt der Frage, wohin er danach gesetzt wird.
QR-Code generieren- 1
Füge deinen Inhalt hinzu
Füge den Link ein oder wähle einen anderen Typ wie WLAN oder E-Mail, und generiere den Code.
- 2
Schalte Transparenter Hintergrund ein
Öffne den Tab Farben und aktiviere Transparenter Hintergrund. Die Vorschau zeigt hinter dem Code ein Schachbrettmuster, das den durchsichtigen Bereich markiert und nicht exportiert wird.
- 3
Wähle eine dunkle Modulfarbe
Wähle eine Farbe, die gegenüber der Fläche dunkel ist, auf der der Code sitzen wird. Schwarz, Marineblau, Dunkelgrün und tiefes Braun funktionieren alle auf hellen Flächen.
- 4
Exportiere PNG oder SVG, dann teste am Einsatzort
Lade PNG für Bildschirme oder SVG für den Druck herunter, setze den Code auf seinen echten Hintergrund und scanne ihn dort mit zwei Handys, bevor du veröffentlichst oder druckst.
Ein Code ohne Kasten drumherum
KoloQR, ein kostenloser QR-Code-Generator mit runden und individuell geformten QR-Codes, hat im Tab Farben die Option Transparenter Hintergrund. Aktiviere sie, und der Generator zeichnet nur die Module, die Suchmuster und ein eventuelles Logo, in quadratischen, runden, dreieckigen oder sechseckigen Umrissen.
KoloQRs Kontrastwert behandelt einen transparenten Code so, als säße er auf Weiß, weil der Generator die endgültige Fläche nicht kennen kann. Prüfe die echte Flächenfarbe vor dem Druck selbst. KoloQR exportiert transparente PNG, SVG, PDF und EPS ohne Konto und ohne Wasserzeichen und erstellt nur statische QR-Codes.
QR-Code generierenExportformate für transparente QR-Codes
Transparenz überlebt nur in Formaten, die sie speichern können, und nur, wenn das Programm, das die Datei öffnet, sie beachtet.
PNG
Speichert Transparenz und funktioniert in Folien, Dokumenten, Websites, Videoschnittprogrammen und Streaming-Software. Exportiere in der größten benötigten Größe, denn ein PNG wird beim Vergrößern weich.
SVG
Von Natur aus transparent: Die Datei enthält die Modulformen und sonst nichts. Das Format für Druck, Folienschnitt und Gravur, scharf in jeder Größe.
PDF oder EPS
Vektorformate für Druckereien. Beide lassen den Hintergrund leer, sodass eine Druckerei einen weißen Unterdruck oder eine Sonderfarbe als eigene Ebene hinter den Code legen kann.
Questions? Answered
Ja, auf einer hellen und gleichmäßigen Fläche. Ein transparenter QR-Code hat keinen eigenen Hintergrund, die Fläche dahinter übernimmt also die Rolle der hellen Module. Auf Weiß, Creme oder einer hellen Farbe scannt der Code wie jeder andere. Auf einem dunklen, gemusterten oder bewegten Hintergrund scheitert der Code und braucht eine helle Unterlage dahinter.
Nicht direkt. Ein Foto ändert seine Helligkeit über die Fläche des Codes hinweg, manche hellen Module werden also als dunkel gelesen. Lege eine weiße oder helle Unterlage hinter den Code, die auf jeder Seite mindestens vier Module über ihn hinausreicht. Die Unterlage kann abgerundet oder passend zum Foto getönt sein.
Die Datei wurde als JPG gespeichert oder in einem Programm geöffnet, das keine Transparenz unterstützt. JPG kennt keine Transparenz, und viele Programme füllen den leeren Bereich mit Schwarz. Ein dunkler Code auf Schwarz ist unsichtbar. Lade den Code erneut als PNG oder SVG herunter und füge die Datei ein, statt sie aus der Zwischenablage einzusetzen.
Erzeuge den Code wenn möglich neu mit transparentem Hintergrund; das ist sauberer als Bearbeiten. Weiß in einem Bildbearbeitungsprogramm aus einem PNG zu entfernen hinterlässt um jedes Modul einen hellen Saum aus halbtransparenten Pixeln, der auf farbigen Flächen als Rand sichtbar wird. Sind die ursprünglichen Daten unbekannt, decodiere den Code zuerst und generiere ihn neu.
Nur mit einer weißen Schicht dahinter. Auf klarer Folie ist der Hintergrund des Codes das, was hinter dem Glas liegt, und das ändert sich mit dem Licht und ist oft dunkel. Bitte die Druckerei um einen Unterdruck in Weiß unter der Codefläche, oder nutze weiße Folie, auf die der Code gedruckt wird.
Vermeide es, wo du kannst. Weiße Module auf einer dunklen Fläche ergeben einen invertierten QR-Code, den der QR-Code-Standard erlaubt, den Handy-Scanner aber uneinheitlich decodieren. Ein dunkler Code auf einer hellen Unterlage, die über den dunklen Hintergrund gelegt wird, scannt auf weit mehr Geräten.
Ja. Die Ruhezone von vier Modulen auf jeder Seite gilt weiterhin; sie wird nur nicht in die Datei gezeichnet. Halte Text, Bilder und die Kante des Layouts aus diesem Rand heraus, und achte darauf, dass die Fläche darin denselben hellen Ton hat wie die Fläche hinter dem Code.
Ja. Das Logo sitzt wie üblich in der Mitte, und der Bereich darum wird freigeräumt, damit es lesbar bleibt. Bei einem transparenten Code ist dieser freigeräumte Bereich ebenfalls durchsichtig, prüfe also, dass das Logo nicht nur gegenüber den Modulen, sondern auch gegenüber der endgültigen Fläche genug Kontrast hat.
Ja. KoloQR erstellt transparente QR-Codes kostenlos, einschließlich Downloads als PNG, SVG, PDF und EPS, 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.
Farbige QR-Codes
Bring deine Palette auf einen QR-Code, ohne ihn zu ruinieren: welche Farbe aufs Muster gehört und welche in den Rahmen.
QR-Code-Rahmen
Ränder, Beschriftungen und Handlungsaufforderungen um einen Code, dazu Acrylaufsteller und Schilderhalter - mit den Regeln für Rand und Größe, die einen gerahmten Code scanbar halten.
Warum ein QR-Code nicht scannt, und wie du erkennst, welcher Fehler es ist
Die drei Arten, wie ein QR-Code scheitert - nie erkannt, schlecht gelesen, oder perfekt gelesen und das Ziel ist kaputt - und wie das Symptom dir sagt, welchen du hast, bevor du irgendetwas misst.
Neun Dinge, die du prüfen solltest, bevor ein QR-Code in den Druck geht
Die neun Prüfungen zwischen einer QR-Code-Datei und einer Auflage, die funktioniert - jede mit der Zahl, die sie bestehen muss, und der Seite, die erklärt, warum.
Fünfzig QR-Code-Farbpaare - und welche davon den Druck überstehen
Fünfzig QR-Code-Farbpaare mit dem berechneten Kontrastverhältnis für jedes, gruppiert danach, ob sie die Druckschwelle, die Bildschirmschwelle oder keine von beiden schaffen.
Eventagenturen
Codes für die Veranstaltung anderer: Weiterleitungen des Kunden, Spezifikationen für Aussteller, Badge-Auflagen und Beschilderung in Raumgröße.
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
