QR Code Generator Einführung
Ein Logo in der Mitte eines QR-Codes zeigt, wem der Code gehört, noch bevor er gescannt wird. QR Code Generator setzt ein Bild in die Mitte des Codes und entfernt die Punkte darunter, und die in den QR-Code eingebaute Fehlerkorrektur stellt die Daten wieder her, die das Bild verdeckt. Dieser Artikel zeigt, wie Sie ein Logo hochladen, seine Größe anpassen und den Code lesbar halten.
Bevor Sie beginnen
Bereiten Sie die Bilddatei vor:
- unterstützt werden die Formate JPG, JPEG, PNG und SVG;
- verwenden Sie für ein optimales Ergebnis ein Bild mit mindestens 300x300 Pixel;
- ein quadratisches oder nahezu quadratisches Logo eignet sich am besten – ein breites Logo nimmt nur einen schmalen Streifen ein, und seine Details werden klein;
- bevorzugen Sie PNG oder SVG mit transparentem Hintergrund, oder geben Sie dem Logo einen eigenen einfarbigen Hintergrund.
Schritt 1. Logo hochladen
- Öffnen Sie die Seite mit dem Webpart. Damit das Logo für alle Besucher erhalten bleibt, öffnen Sie die Seite im Bearbeitungsmodus.
- Geben Sie auf einer der Registerkarten die Daten für den Code ein, sodass die Vorschau einen QR-Code zeigt.
- Erweitern Sie den Abschnitt Logo unter den Registerkarten.
- Klicken Sie auf Bild hochladen und wählen Sie die Datei aus.
Das Logo erscheint in der Vorschau in der Mitte des Codes, und im Abschnitt Logo wird eine Miniaturansicht des hochgeladenen Bilds angezeigt. Wird eine Datei eines anderen Typs ausgewählt, zeigt der Abschnitt die Meldung Unterstützte Dateiformate: JPG, JPEG, PNG, SVG., und der Code ändert sich nicht.
Schritt 2. Größe und Abstand anpassen
Nach dem Hochladen erscheinen im Abschnitt Logo zwei Schieberegler.
| Einstellung | Bereich | Standardwert | Wirkung |
|---|---|---|---|
| Logo size | 0.1 – 0.5 | 0.4 | Der Anteil des Codes, den das Logo einnehmen darf. Je größer der Wert, desto größer das Logo und desto mehr Punkte verdeckt es. |
| Logo margin | 0 – 20 | 5 | Der Freiraum zwischen dem Logo und den nächstgelegenen Punkten. Ein Abstand trennt das Logo vom Muster und macht es besser erkennbar. |
Bewegen Sie die Schieberegler und beobachten Sie die Vorschau. Beginnen Sie mit einem kleineren Logo und vergrößern Sie es nur so weit, wie sich der Code noch zuverlässig scannen lässt.
Schritt 3. Fehlerkorrekturstufe erhöhen
Das Logo verdeckt einen Teil der Daten, und der Scanner stellt diesen Teil aus den redundanten Daten des Codes wieder her. Der Umfang der Redundanz wird im Abschnitt Error Correction festgelegt.
- Erweitern Sie den Abschnitt Error Correction.
- Wählen Sie bei einem großen Logo Hoch. Für ein kleines Logo genügt der Standardwert Quartile.
Die Stufen Niedrig und Mittel lassen zu wenig Reserve, und ein Code mit Logo lässt sich möglicherweise nicht mehr scannen.
❗ Wichtig
Die Vorschau warnt Sie nicht, wenn das Logo zu groß ist. Scannen Sie den Code immer mit einem Smartphone, nachdem Sie das Logo, seine Größe oder die Fehlerkorrekturstufe geändert haben. Wird der Code nicht gelesen, verringern Sie Logo size, erhöhen Sie Error Correction oder kürzen Sie die codierten Daten.
Schritt 4. Prüfen und speichern
- Scannen Sie die Vorschau mit einem Smartphone und vergewissern Sie sich, dass der Code das Gewünschte öffnet.
- Übernehmen Sie das Ergebnis mit Herunterladen oder Kopieren. Das Logo ist in jedem Format im Bild enthalten.
- Befindet sich die Seite im Bearbeitungsmodus, speichern Sie sie oder veröffentlichen Sie sie erneut. Das Logo wird als Teil der Webpartkonfiguration mit der Seite gespeichert, sodass die Besucher den Code mit dem Logo sehen.
📝 Hinweis
Das Bild wird in der Konfiguration des Webparts gespeichert und nicht in einer Bibliothek der Website, sodass niemand zusätzliche Berechtigungen braucht, um es zu sehen. Vermeiden Sie aus demselben Grund sehr große Dateien: Eine Datei von mehreren Megabyte macht die Seite schwerer. Ein Logo mit einigen hundert Pixeln genügt.
Logo ersetzen oder entfernen
- Um das Logo zu ersetzen, klicken Sie erneut auf Bild hochladen und wählen Sie eine andere Datei aus. Die Einstellungen für Größe und Abstand bleiben erhalten.
- Um das Logo zu entfernen, klicken Sie auf Bild entfernen. Die Punkte kehren in die Mitte des Codes zurück.
Zusammenfassung
Um einen QR-Code mit Ihrem Branding zu versehen, laden Sie im Abschnitt Logo ein Logo hoch, passen Sie es mit Logo size und Logo margin an und stellen Sie Error Correction bei einem großen Logo auf Hoch. Der einzige zuverlässige Test ist ein Scan mit einem echten Smartphone.
💡 Tipp
Wie Sie die Farben des Codes auf das Logo abstimmen, erfahren Sie in KB10265. QR-Code-Design anpassen: Form, Farben, Farbverlauf und Ecken.