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

How to Customize and Add Logos to QR Codes

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

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.

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, Farbpaletten ändern und Anmerkungen hinzufügen. Diese Funktionen werden von IronDrawing, einer kostenlosen und Open-Source-Bibliothek, unterstützt.

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. Ideal für Entwickler, die professionelles Branding schnell und stressfrei möchten.

Nuget IconGet started making PDFs with NuGet now:

  1. Install IronBarcode with NuGet Package Manager

    PM > Install-Package BarCode

  2. Copy and run this code snippet.

    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. Deploy to test on your live environment

    Start using IronBarcode in your project today with a free trial
    arrow pointer
class="hsg-featured-snippet">

Minimaler Arbeitsablauf (5 Schritte)

  1. Laden Sie die C#-Bibliothek zum Anpassen und Hinzufügen von Logos zu QR-Codes herunter
  2. Verwenden Sie die CreateQrCodeWithLogo-Methode, um einen QR-Code mit einem Logo zu erstellen
  3. Verwenden Sie die ChangeBarCodeColor-Methode, um benutzerdefinierte Farben zum QR-Code hinzuzufügen
  4. Fügen Sie Anmerkungen zum QR-Code hinzu, indem Sie die Methode AddAnnotationTextAboveBarcode verwenden
  5. Zeigen Sie den Wert des QR-Codes mithilfe der Methode AddBarcodeValueTextBelowBarcode an

Erstellen Sie QR-Codes mit Logo-Beispiel

Ein QRCodeLogo-Objekt ist erforderlich, um das Logo-Bild beim Generieren des QR-Codes einzubetten. Die CreateQrCodeWithLogo-Methode wird ebenfalls verwendet, um einen QR-Code mit einem Logo zu generieren.

: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");

Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

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

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png")
$vbLabelText   $csharpLabel
class="content-img-align-center">
QR-Code mit Logo

Schauen wir uns den vom obigen Code generierten QR-Code-Ausgang an. Wir sehen, dass der QR-Code in der Mitte ein Logo mit abgerundeten Ecken aufweist.

Um das Logo anzupassen, müssen Sie bestimmte Felder ausfüllen, während Sie ein neues QRCodeLogo-Objekt erstellen. Hier sind die Erklärungen für die erforderlichen Felder:

  • Importieren von Bildern: Sie können Bilder auf verschiedene Arten importieren, z. B. von AnyBitmap, Stream, Byte Array, relativem Dateipfad oder URI.
  • Bildabmessungen: Geben Sie die gewünschte Breite und Höhe des Logo-Bildes in Pixeln an. Wenn das Bild zu groß ist, um den QR-Code lesbar zu machen, wird eine Ausnahme ausgelöst. Verwenden Sie den Wert 0, um automatisch die größte mögliche Größe zu bestimmen.
  • Bildecken: Stellen Sie den Radius der abgerundeten Ecken des Logo-Bildes ein. Verwenden Sie den Standardwert 0 für quadratische Ecken.

Schließlich, um den generierten QR-Code zu exportieren, rufen Sie einfach eine Speicher-Methode auf. Sie haben mehrere Exportmöglichkeiten, einschließlich Bilddateien, Streams, HTML und PDF.

Beispiel für Farbänderung des QR-Codes

Neben dem Hinzufügen eines Logos zu Ihrem QR-Code ermöglicht IronBarcode den Benutzern auch, ihren QR-Code weiter anzupassen, indem sie dessen Farbe ändern. Mit unserer IronDrawing-Bibliothek können Benutzer leicht ihre eigenen Farben durch die Verwendung von RGB-Werten oder Hex-Farbcodes definieren und auf den QR-Code anwenden. Lassen Sie uns den Code-Ausschnitt anschauen, der diese Funktion zeigt, und den resultierenden QR-Code, der durch das Ausführen dieses Codes erhalten wird.

: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");
Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private ColorFromRgb As New IronSoftware.Drawing.Color(51, 51, 153)

Private QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private QrCodeWithLogoAndColor As GeneratedBarcode = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb)
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png")
$vbLabelText   $csharpLabel
class="content-img-align-center">
QR-Code mit benutzerdefiniertem Logo und Farbe

Der obige Code-Ausschnitt erweitert ein früheres Beispiel zum Erstellen von QR-Codes mit einem Logo. Es zeigt, wie die QR-Code-Farbe mithilfe der ChangeBarCodeColor-Methode geändert wird, die ein IronSoftware.Drawing.Color-Objekt als Eingabe verwendet. Sie können dieses Objekt mithilfe von RGB-Werten, Hex-Codes oder vordefinierten Enums erstellen. Besuchen Sie unser "Create Color"-Code-Beispiel, um mehr zu erfahren.

QR-Code-Anmerksungsbeispiel hinzufügen

Ein weiterer wichtiger Aspekt bei der Anpassung oder Gestaltung eines QR-Codes ist das Hinzufügen von Anmerkungen innerhalb des QR-Code-Bildes. Diese Anmerkungen können entweder der Barcode-Wert selbst oder benutzerdefinierter Text für Werbe- oder Marketingzwecke sein.

Schauen wir uns nun die Implementierung dieser Methoden und das resultierende QR-Code-Bild an, das durch den folgenden Code-Ausschnitt generiert wurde.

: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");
Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private colorForBarcode As New Color(51, 51, 153) ' color from RGB
Private annotationAboveBarcodeColor As New Color("#176feb") ' color from Hex
Private annotationAboveBarcodeFont As New Font("Candara", FontStyle.Bold, 15)
Private barcodeValueBelowBarcodeColor As New Color("#6e53bb")
Private barcodeValueBelowBarcodeFont As New Font("Cambria", FontStyle.Regular, 15)

Private qrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private qrCodeWithLogoAndColor As GeneratedBarcode = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode)
Private qrCodeWithAnnotation As GeneratedBarcode = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2)
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png")
$vbLabelText   $csharpLabel
class="content-img-align-center">
QR-Code mit Anmerkung

IronBarcode bietet Methoden, um die Position der Anmerkung (oberhalb oder unterhalb des QR-Codes) sowie die Schriftfamilie und die Farbe festzulegen. Nachfolgend finden Sie die verfügbaren Methoden für diese Funktionalität:

  • AddAnnotationTextAboveBarcode: Fügt Anmerkungstext oberhalb des QR-Codes hinzu.
  • AddAnnotationTextBelowBarcode: Fügt Anmerkungstext unterhalb des QR-Codes hinzu.
  • AddBarcodeValueTextAboveBarcode: Fügt den Barcode-Wertetext oberhalb des QR-Codes hinzu.
  • AddBarcodeValueTextBelowBarcode: Fügt den Barcode-Wertetext unterhalb des QR-Codes hinzu.

Anpassung von Anmerkung und Barcode-Wert

Alle vier oben genannten Methoden akzeptieren einen benutzerdefinierten Schriftart als IronSoftware.Drawing.Font-Objekt, Farbe als IronSoftware.Drawing.Color-Objekt und eine Ganzzahl zur Angabe des oberen und unteren Abstands des Textes in Pixeln. Bitte beachten Sie, dass diese Parameter optional sind; wenn nicht angegeben, werden die Standardschriftart, -farbe und -abstand verwendet.

Kurz gesagt, IronBarcode ist ein ideales Werkzeug zum Erstellen und Anpassen Ihres QR-Codes. Neben den direkten Methoden, die für die Anpassungen verwendet werden, verwendet IronBarcode auch unsere eigene IronDrawing als Hilfsbibliothek für alles, was mit Bildverarbeitung zu tun hat. Dies wird als stabiler angesehen als die Abhängigkeit von anderen externen Bibliotheken.

Häufig gestellte Fragen

Wie kann ich einen benutzerdefinierten QR-Code mit einem Logo in .NET erstellen?

Sie können einen benutzerdefinierten QR-Code mit einem Logo in .NET erstellen, indem Sie die Methode CreateQrCodeWithLogo der IronBarcode-Bibliothek verwenden. Dadurch können Sie ein Logo in den QR-Code einbetten und die Dimensionen und Eckenstile für bessere Ästhetik anpassen.

Welche Schritte sind bei der Anpassung der Farbe eines QR-Codes erforderlich?

Um die Farbe eines QR-Codes anzupassen, verwenden Sie die Methode ChangeBarCodeColor von IronBarcode. Dies ermöglicht es Ihnen, benutzerdefinierte Farben mit RGB-Werten oder Hex-Farbcodes anzuwenden, was eine breite Palette an lebendigen Anpassungsoptionen bietet.

Wie kann ich Textanmerkungen zu einem QR-Code hinzufügen?

Sie können Textanmerkungen zu einem QR-Code hinzufügen, indem Sie die Methoden AddAnnotationTextAboveBarcode und AddBarcodeValueTextBelowBarcode von IronBarcode verwenden. Diese Methoden ermöglichen es Ihnen, Schriftart und Farbe des Textes für bessere Lesbarkeit und Markenidentität anzupassen.

Was sind die bewährten Verfahren, um die Lesbarkeit von QR-Codes zu gewährleisten?

Um die Lesbarkeit von QR-Codes zu gewährleisten, bietet IronBarcode Richtlinien zur Aufrechterhaltung der angemessenen Bildgröße und des Eckenradius. Dies hilft, die Integrität des QR-Codes zu bewahren und sicherzustellen, dass er leicht scannbar ist.

Wie kann ich meinen angepassten QR-Code exportieren?

Mit IronBarcode erstellte benutzerdefinierte QR-Codes können in mehreren Formaten exportiert werden, einschließlich Bilddateien, PDF, Streams und HTML, indem verschiedene Speichermethoden innerhalb der Bibliothek genutzt werden.

Welche Rolle spielt die IronDrawing-Bibliothek bei der Anpassung von QR-Codes?

Die IronDrawing-Bibliothek ist essenziell für die Bearbeitung von Bildverarbeitungsvorgängen innerhalb von IronBarcode und ermöglicht QR-Code-Anpassungen wie Farbänderungen und Logo-Integration.

Welche Vorteile bieten QR-Codes mit benutzerdefiniertem Stil?

Benutzerdefiniert gestaltete QR-Codes, die mit IronBarcode erstellt wurden, bieten eine höhere visuelle Attraktivität und Markenanpassung. Dies verbessert das Benutzerengagement und die Marketingwirksamkeit durch die Integration von Logos und spezifischen Farbpaletten.

Warum gilt IronBarcode als effizient für die QR-Code-Erstellung?

IronBarcode ist effizient bei der QR-Code-Erstellung aufgrund seiner umfassenden Funktionen wie Logo-Einbettung, Farb-Anpassung und Hinzufügung von Anmerkungen, wobei gleichzeitig hohe Lesbarkeits- und ästhetische Standards aufrechterhalten werden.

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 und setzt dieses Wissen ein, um Teammitgliedern bei Iron Software Mehrwert zu bieten. HAiril trat dem Iron Software-Team von der Universiti Teknologi MARA in Malaysia bei, wo er mit einem Bachelor ...
Weiterlesen
Bereit anzufangen?
Nuget Downloads 1,935,276 | Version: 2025.11 gerade veröffentlicht