1. IronBarcode
  2. Anleitungen
  3. .NET Benutzerdefinierter QR-Code erstellen
Wie man QR-Codes anpassbar macht und Logos hinzufügt in C#

Anpassen und Hinzufügen von Logos zu QR-Codes in C#35;

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
Aktualisiert:
This article was translated from English: Does it need improvement?
Translated
View the article in English

Mit der Methode CreateQrCodeWithLogo und den Styling-Funktionen von IronBarcode können Sie QR-Codes in C# durch Hinzufügen von Logos, Ändern von Farben und Einfügen von Anmerkungen anpassen, um professionelle QR-Codes für Marketing- und Geschäftsanwendungen mit Markenzeichen zu erstellen.

QR-Codes haben aufgrund ihrer höheren Datenkapazität und der einfachen Handhabung gegenüber traditionellen Barcodes an Beliebtheit gewonnen. Insbesondere im Marketing sind sie aufgrund ihrer Anpassbarkeit wertvoll, einschließlich Optionen zum Hinzufügen von Logos, Ändern von Farben und Einbinden anderer Markenelemente. Moderne Unternehmen nutzen maßgeschneiderte QR-Codes für verschiedene Marketingkampagnen und Strategien zur Kundenbindung.

Um dieser Nachfrage gerecht zu werden, bietet IronBarcode eine Reihe von Funktionen zur Anpassung von QR-Codes. Benutzer können QR-Codes mit Logos erstellen, Farbschemata ändern und Anmerkungen hinzufügen. Diese Funktionen werden von IronDrawing, einer kostenlosen und Open-Source-Bibliothek, unterstützt. Die Bibliothek unterstützt mehrere Barcode-Formate, darunter Standard-QR-Codes, Micro QR und die neuesten rMQR-Formate.

als-Überschrift:2(Schnellstart: Erstellen Sie einen gebrandeten QR-Code in einer Zeile)

Beginnen Sie sofort, indem Sie einen QR-Code mit Ihrem Logo, benutzerdefinierten Farben und Anmerkungen erstellen – alles mit minimalem Aufwand und nur einer Zeile IronBarcode-Code. Perfekt für Entwickler, die schnell ein professionelles Branding benötigen.

Nuget IconLegen Sie jetzt mit NuGet los, um PDFs zu erstellen:

  1. Installieren Sie IronBarcode mit dem NuGet-Paketmanager.

    PM > Install-Package BarCode

  2. Kopieren Sie diesen Codeausschnitt und führen Sie ihn aus.

    IronBarCode.QRCodeWriter.CreateQrCodeWithLogo("https://example.com", new IronBarCode.QRCodeLogo("logo.png"), 300).ChangeBarCodeColor(IronSoftware.Drawing.Color.DeepSkyBlue).AddAnnotationTextAboveBarcode("Scan Me", new IronSoftware.Drawing.Font("Verdana",12), IronSoftware.Drawing.Color.White, 5).SaveAsPng("customQR.png");

  3. Bereitstellen zum Testen in Ihrer Live-Umgebung

    Beginnen Sie noch heute mit der Nutzung von IronBarcode in Ihrem Projekt – mit einer kostenlosen Testversion.
    arrow pointer

Minimaler Arbeitsablauf (5 Schritte)

  1. Download der C#-Bibliothek zur Anpassung von QR-Codes
  2. Verwenden Sie CreateQrCodeWithLogo, um einen QR-Code mit einem Logo zu erstellen
  3. Benutzerdefinierte Farben anwenden mit ChangeBarCodeColor
  4. Hinzufügen von Anmerkungen mit AddAnnotationTextAboveBarcode
  5. QR-Code-Wert anzeigen mit AddBarcodeValueTextBelowBarcode

Ein QRCodeLogo-Objekt ist erforderlich, um das Logo-Bild beim Generieren des QR-Codes einzubetten. The CreateQrCodeWithLogo method generates a QR code with a logo. Diese Methode ist Teil der umfassenden QR-Code-Generierungsfunktionen von IronBarcode, die Entwicklern umfangreiche Anpassungsmöglichkeiten bieten.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo.cs
using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png");
$vbLabelText   $csharpLabel
QR-Code mit buntem, quadratischem Logo in der Mitte als Beispiel für die Logointegration

Schauen wir uns den Ausgabe-QR-Code an, der mit dem obigen Code erzeugt wurde. Der QR-Code zeigt ein Logo in der Mitte mit abgerundeten Kanten. Durch die Integration des Logos wird die Scannbarkeit des QR-Codes beibehalten und gleichzeitig die Markenidentität gestärkt.

Welche Parameter steuern das Erscheinungsbild des Logos?

Um das Logo anzupassen, füllen Sie bestimmte Felder aus, wenn Sie ein neues QRCodeLogo-Objekt erstellen. Hier sind die erforderlichen Felder:

  • Importing Image: Import images from AnyBitmap, Stream, Byte Array, relative filepath, or URI. Für optimale Ergebnisse sollten Sie hochauflösende Bilder in gängigen Formaten wie PNG, JPEG oder WebP verwenden.
  • Bildabmessungen: Geben Sie die gewünschte Breite und Höhe in Pixeln an. Wenn das Bild zu groß ist, damit der QR-Code lesbar bleibt, wird eine Ausnahme ausgelöst. Verwenden Sie 0, um automatisch die größte brauchbare Größe zu ermitteln.
  • Bildecken: Legen Sie den Radius für abgerundete Ecken fest. Verwenden Sie 0 für eckige Ecken. Abgerundete Ecken sorgen für ein professionelleres Erscheinungsbild und eine bessere visuelle Integration.

Wie exportiere ich den erzeugten QR-Code?

Um den generierten QR-Code zu exportieren, rufen Sie eine Speichermethode auf. Zu den Exportoptionen gehören Bilddateien, Streams, HTML und PDF. Erfahren Sie mehr über den Export von BarCodes in verschiedenen Formaten in unserem umfassenden Leitfaden. Für Webanwendungen können Sie auch Barcodes als HTML exportieren, um sie direkt in Webseiten einzubetten.

Wie kann ich die Farbe meines QR-Codes ändern?

Neben dem Hinzufügen von Logos ermöglicht IronBarcode den Benutzern, QR-Codes durch Ändern ihrer Farbe anzupassen. Mit IronDrawing können Benutzer Farben anhand von RGB-Werten oder Hex-Farbcodes definieren und sie auf QR-Codes anwenden. Diese Funktion ist besonders nützlich für die Wahrung der Markenkonsistenz bei Marketingmaterialien. Schauen wir uns einen Codeausschnitt an, der diese Funktion und den daraus resultierenden QR-Code demonstriert.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color.cs
using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

IronSoftware.Drawing.Color ColorFromRgb = new IronSoftware.Drawing.Color(51, 51, 153);

GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode QrCodeWithLogoAndColor = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb);
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png");
$vbLabelText   $csharpLabel
Blauer QR-Code mit benutzerdefiniertem bunten Logo in der Mitte, das die erfolgreiche Anpassung von Farbe und Logo zeigt

Welche Farbformate werden unterstützt?

Der obige Code erweitert das vorherige Beispiel für die Erstellung von QR-Codes mit Logos. It demonstrates changing QR code color using the ChangeBarCodeColor method, which takes an IronSoftware.Drawing.Color object as input. Erstellen Sie dieses Objekt mit RGB-Werten, Hex-Codes oder vordefinierten Enums. Besuchen Sie unser "Create Color"-Code-Beispiel, um mehr zu erfahren. Die Farbanpassungsfunktion funktioniert nahtlos mit allen unterstützten Barcode-Formaten.

Wann sollte ich benutzerdefinierte Farben verwenden?

Benutzerdefinierte Farben sind besonders nützlich für:

  • Markenkonsistenz: QR-Codes auf die visuelle Identität Ihres Unternehmens abstimmen
  • Kampagnenthemen: Erstellen von thematischen QR-Codes für spezielle Kampagnen und Veranstaltungen
  • Visuelle Hierarchie: Farbige Hervorhebung wichtiger QR-Codes in Druckmaterialien
  • Zugänglichkeit: Sicherstellung eines ausreichenden Kontrasts für besseres Scannen unter verschiedenen Bedingungen

Achten Sie bei der Farbauswahl auf einen ausreichenden Kontrast zwischen dem QR-Code-Muster und dem Hintergrund, um ein zuverlässiges Scannen zu gewährleisten. Dunkle Farben auf hellem Hintergrund funktionieren in der Regel am besten.

Wie füge ich Anmerkungen zu QR-Codes hinzu?

Ein weiterer wichtiger Aspekt bei der Anpassung von QR-Codes ist das Hinzufügen von Kommentaren innerhalb des QR-Code-Bildes. Bei den Anmerkungen kann es sich um den Barcodewert selbst oder um benutzerdefinierten Text für Werbezwecke handeln. Anmerkungen helfen den Nutzern zu verstehen, was der QR-Code enthält, bevor sie ihn scannen, und verbessern so die Nutzererfahrung und die Interaktionsraten.

Schauen wir uns nun die Implementierung dieser Methoden und das daraus resultierende QR-Code-Bild an.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color-annotation.cs
using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

Color colorForBarcode = new Color(51, 51, 153); // color from RGB
Color annotationAboveBarcodeColor = new Color("#176feb");  // color from Hex
Font annotationAboveBarcodeFont = new Font("Candara", FontStyle.Bold, 15);
Color barcodeValueBelowBarcodeColor = new Color("#6e53bb");
Font barcodeValueBelowBarcodeFont = new Font("Cambria", FontStyle.Regular, 15);

GeneratedBarcode qrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode qrCodeWithLogoAndColor = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode);
GeneratedBarcode qrCodeWithAnnotation = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2);
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png");
$vbLabelText   $csharpLabel
QR-Code mit IronBarcode-Logo-Anmerkung in der Mitte, zur Demonstration der benutzerdefinierten Branding-Möglichkeiten

Welche Anmerkungsmethoden sind verfügbar?

IronBarcode bietet Methoden, um die Position der Anmerkung (oberhalb oder unterhalb des QR-Codes) sowie die Schriftfamilie und die Farbe festzulegen. Zu den verfügbaren Methoden gehören:

  • AddAnnotationTextAboveBarcode: Adds annotation text above the QR code
  • AddAnnotationTextBelowBarcode: Adds annotation text below the QR code
  • AddBarcodeValueTextAboveBarcode: Adds barcode value text above the QR code
  • AddBarcodeValueTextBelowBarcode: Adds barcode value text below the QR code

Diese Methoden können für mehrere Anmerkungen aneinandergereiht werden. Weitere fortgeschrittene Gestaltungsmöglichkeiten finden Sie in unserem umfassenden Leitfaden zur Gestaltung von Barcodes.

Wie kann ich das Erscheinungsbild von Kommentaren anpassen?

Alle vier Methoden akzeptieren eine benutzerdefinierte Schriftart als IronSoftware.Drawing.Font-Objekt, eine Farbe als IronSoftware.Drawing.Color-Objekt und eine ganze Zahl zur Angabe des oberen und unteren Abstands in Pixel. Diese Parameter sind optional; wenn nicht angegeben, werden Standardschriftart, -farbe und -abstände verwendet. Das Font-Objekt unterstützt verschiedene Schriftfamilien, Stile (fett, kursiv, normal) und Größen, um Ihren Branding-Anforderungen zu entsprechen.

Warum Anmerkungen auf QR-Codes verwenden?

Annotationen verbessern QR-Codes durch:

  • Kontext bereitstellen: Aufschriften wie "Scan for Menu" oder "Visit Our Website" verdeutlichen den Zweck
  • Verbesserung des Engagements: Klare Aufforderungen zum Handeln erhöhen die Scan-Raten
  • Vertrauen aufbauen: Die Angabe der URL oder des Firmennamens gibt den Benutzern ein sicheres Gefühl
  • Verbesserung der Zugänglichkeit: Textanmerkungen helfen den Nutzern, den Inhalt ohne Scannen zu verstehen

IronBarcode ist ein ideales Tool zum Erstellen und Anpassen von QR-Codes. Neben den direkten Anpassungsmethoden verwendet IronBarcode IronDrawing als Hilfsbibliothek für die Bildverarbeitung, was mehr Stabilität bietet als die Abhängigkeit von externen Bibliotheken. Weitere Beispiele und fortgeschrittene Techniken finden Sie in unserem C# QR-Code-Generator-Tutorial und in unserer API-Referenz für eine vollständige Dokumentation aller verfügbaren Methoden und Eigenschaften.

Häufig gestellte Fragen

Wie kann ich einem QR-Code in C# ein Logo hinzufügen?

Mit der Methode CreateQrCodeWithLogo von IronBarcode können Sie einem QR-Code ein Logo hinzufügen. Erstellen Sie einfach ein QRCodeLogo-Objekt mit dem Pfad Ihrer Bilddatei und übergeben Sie es zusammen mit Ihren QR-Code-Daten an die Methode. Das Logo wird in der Mitte des QR-Codes eingebettet, wobei die Scannbarkeit erhalten bleibt.

Kann ich die Farben meines QR-Codes ändern?

Ja, IronBarcode bietet die ChangeBarCodeColor-Methode, mit der Sie die Farben von QR-Codes anpassen können. Sie können jede beliebige Farbe aus der IronSoftware.Drawing.Color-Palette anwenden, um Ihre Markenidentität zu unterstreichen und gleichzeitig sicherzustellen, dass der QR-Code scannbar bleibt.

Wie füge ich Textanmerkungen zu einem QR-Code hinzu?

IronBarcode bietet Methoden wie AddAnnotationTextAboveBarcode und AddBarcodeValueTextBelowBarcode, um Textanmerkungen hinzuzufügen. Sie können die Schriftart, Größe, Farbe und Positionierung des Textes anpassen, um informative Beschriftungen oder Handlungsaufforderungen für Ihre QR-Codes zu erstellen.

Welche BarCode-Formate werden für die Anpassung unterstützt?

IronBarcode unterstützt die Anpassung mehrerer Barcodeformate, darunter Standard-QR-Codes, Micro-QR-Codes und die neuesten rMQR-Formate. Jedes Format kann mit Logos, Farben und Anmerkungen angepasst werden, um Ihre spezifischen Anforderungen zu erfüllen.

Kann ich einen gebrandeten QR-Code mit nur einer Codezeile erstellen?

Ja, IronBarcode ermöglicht es Ihnen, einen vollständig gebrandeten QR-Code in einer Zeile durch Verkettung von Methoden zu erstellen. Sie können die Methoden CreateQrCodeWithLogo, ChangeBarCodeColor und AddAnnotationTextAboveBarcode kombinieren, um einen benutzerdefinierten QR-Code mit Logo, Farben und Text auf einmal zu erzeugen.

Welche Bildformate kann ich für QR-Code-Logos verwenden?

Die QRCodeLogo-Funktion von IronBarcode unterstützt gängige Bildformate wie PNG, JPG und andere Standardformate. Die Bibliothek verarbeitet automatisch Ihr Logobild und bettet es ein, wobei die optimale Lesbarkeit des QR-Codes erhalten bleibt.

Wie wirkt sich die Integration von Logos auf die Lesbarkeit von QR-Codes aus?

IronBarcode positioniert Logos automatisch in der Mitte von QR-Codes mit entsprechender Größe und Auffüllung, um die Lesbarkeit zu gewährleisten. Die Bibliothek stellt sicher, dass das Logo die Fehlerkorrekturfunktionen des QR-Codes nicht beeinträchtigt, so dass er für Standard-QR-Code-Scanner lesbar bleibt.

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
  Jetzt mit dem Ingenieurteam chatten
Software Ingenieur
Wie alle großen Ingenieure ist Hairil ein leidenschaftlicher Lerner. Er verfeinert sein Wissen in C#, Python und Java, um Iron Software-Teammitgliedern Mehrwert zu bieten. Hairil kam von der Universiti Teknologi MARA in Malaysia, wo er seinen Bachelor in Chemie- und Verfahrenstechnik abschloss.
Bereit anzufangen?
Nuget Downloads 2,035,202 | Version: 2025.12 gerade veröffentlicht