--- title: "So fügen Sie einem QR-Code ein Firmenlogo hinzu" description: "Schritt für Schritt: Laden Sie ein Logo im Format JPG, PNG oder SVG in das Vitextra QR Code Generator Webpart hoch, passen Sie Größe und Abstand des Logos an, erhöhen Sie die Fehlerkorrekturstufe, damit der Code lesbar bleibt, und entfernen oder ersetzen Sie das Logo." url: https://vitextra.com/de/support/kb/10266 language: de published: 2026-10-14 modified: 2026-10-14 products: - "QR Code Generator" author: "Lidija Reising" tags: ["QR-Code mit Logo", "Logo in QR-Code einfügen", "QR-Code im Corporate Design", "QR-Code Logogröße", "QR-Code Logoabstand", "Fehlerkorrektur mit Logo", "SharePoint QR-Code Logo", "Vitextra QR Code Generator"] --- # So fügen Sie einem QR-Code ein Firmenlogo hinzu Schritt für Schritt: Laden Sie ein Logo im Format JPG, PNG oder SVG in das Vitextra QR Code Generator Webpart hoch, passen Sie Größe und Abstand des Logos an, erhöhen Sie die Fehlerkorrekturstufe, damit der Code lesbar bleibt, und entfernen oder ersetzen Sie das Logo. ## Einführung Ein Logo in der Mitte eines QR-Codes zeigt, wem der Code gehört, noch bevor er gescannt wird. [QR Code Generator](https://vitextra.com/de/products/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 1. Öffnen Sie die Seite mit dem Webpart. Damit das Logo für alle Besucher erhalten bleibt, öffnen Sie die Seite im Bearbeitungsmodus. 2. Geben Sie auf einer der Registerkarten die Daten für den Code ein, sodass die Vorschau einen QR-Code zeigt. 3. Erweitern Sie den Abschnitt **Logo** unter den Registerkarten. 4. 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. ![Der Abschnitt „Logo" mit einem hochgeladenen Logo](https://static.vitextra.com/articles/10266/logo-section-de.png) *Der Abschnitt „Logo" mit einem hochgeladenen Logo* ## 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. 1. Erweitern Sie den Abschnitt **Error Correction**. 2. 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. ![Der Abschnitt „Error Correction" mit ausgewählter Stufe „Hoch"](https://static.vitextra.com/articles/10266/error-correction-de.png) *Der Abschnitt „Error Correction" mit ausgewählter Stufe „Hoch"* ❗ **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 1. Scannen Sie die Vorschau mit einem Smartphone und vergewissern Sie sich, dass der Code das Gewünschte öffnet. 2. Übernehmen Sie das Ergebnis mit **Herunterladen** oder **Kopieren**. Das Logo ist in jedem Format im Bild enthalten. 3. 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](https://vitextra.com/de/support/kb/10265).