1. IronBarcode
  2. Guides pratiques
  3. Créer un code QR personnalisé .NET
Comment personnaliser et ajouter des logos aux codes QR en C#

How to Customize and Add Logos to QR Codes

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

Les codes QR ont gagné en popularité par rapport aux codes-barres traditionnels en raison de leur capacité de données plus élevée et de leur facilité de numérisation. Ils sont particulièrement prisés dans le marketing pour leur personnalisation, y compris les options d'ajout de logos, de changement de couleurs et d'incorporation d'autres éléments de marque.

Pour répondre à cette demande, IronBarcode propose un ensemble de fonctionnalités pour personnaliser les codes QR. Les utilisateurs peuvent créer des codes QR avec des logos, changer les schémas de couleurs et ajouter des annotations. Ces capacités sont fournies par IronDrawing, une bibliothèque gratuite et open-source.

en-tête:2(Démarrage rapide: Créer un code QR de marque en une ligne)

Commencez immédiatement en créant un code QR avec votre logo, couleur personnalisée et annotation — le tout avec un minimum d'installation et juste une ligne de code IronBarcode. Idéal pour les développeurs qui veulent un branding professionnel rapide et sans tracas.

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">

Processus minimal (5 étapes)

  1. Téléchargez la bibliothèque C# pour personnaliser et ajouter des logos aux codes QR
  2. Utilisez la méthode CreateQrCodeWithLogo pour créer un code QR avec un logo
  3. Utilisez la méthode ChangeBarCodeColor pour ajouter des couleurs personnalisées au code QR
  4. Ajoutez des annotations au code QR en utilisant la méthode AddAnnotationTextAboveBarcode
  5. Affichez la valeur du code QR en utilisant la méthode AddBarcodeValueTextBelowBarcode

Un objet QRCodeLogo est nécessaire pour intégrer l'image du logo lors de la génération du code QR. La méthode CreateQrCodeWithLogo est également utilisée pour générer un code QR avec un logo.

: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 Avec Logo

Examinons le code QR de sortie généré par le code ci-dessus. Nous pouvons voir que le code QR présente un logo au centre avec des bords arrondis.

Pour personnaliser le logo, vous devez remplir certains champs lors de la création d'un nouvel objet QRCodeLogo. Voici les explications pour les champs requis :

  • Importation d'image : Vous pouvez importer des images de plusieurs façons, telles que depuis AnyBitmap, Stream, Array d'octets, chemin de fichier relatif, ou URI.
  • Dimensions de l'image : Spécifiez la largeur et la hauteur souhaitées de l'image du logo en pixels. Si l'image est trop grande pour que le code QR soit lisible, une exception sera levée. Utilisez la valeur 0 pour déterminer automatiquement la plus grande taille viable.
  • Coins de l'image : Réglez le rayon des coins arrondis de l'image du logo. Utilisez la valeur par défaut 0 pour des coins carrés.

Enfin, pour exporter le code QR généré, il suffit d'appeler une méthode de sauvegarde. Vous avez plusieurs options d'exportation, y compris les fichiers image, les flux, HTML et PDF.

Changer la couleur de l'exemple de code QR

En plus d'ajouter un logo à votre code QR, IronBarcode permet également aux utilisateurs de personnaliser davantage leur code QR en changeant sa couleur. Avec notre bibliothèque IronDrawing, les utilisateurs peuvent facilement définir leurs propres couleurs en utilisant les valeurs RGB ou les codes de couleur Hex et les appliquer au code QR. Regardons l'extrait de code qui démontre cette fonctionnalité et le code QR obtenu en exécutant ce code.

: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 Avec Logo et Couleur Personnalisée

L'extrait de code ci-dessus étend un exemple précédent de création de codes QR avec un logo. Il démontre comment changer la couleur du code QR en utilisant la méthode ChangeBarCodeColor, qui prend un objet IronSoftware.Drawing.Color en entrée. Vous pouvez créer cet objet en utilisant des valeurs RGB, des codes Hex ou des énumérations prédéfinies. Visitez notre exemple de code "Créer couleur" pour en savoir plus.

Ajouter un exemple d'annotation de code QR

Un autre aspect important de la personnalisation ou du style d'un code QR est l'ajout d'annotations dans l'image du code QR. Ces annotations peuvent soit être la valeur du code-barres elle-même, soit un texte personnalisé à des fins promotionnelles ou marketing.

Examinons maintenant l'implémentation de ces méthodes et l'image du code QR générée par l'extrait de code ci-dessous.

: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 Avec Annotation

IronBarcode fournit des méthodes pour définir la position de l'annotation (au-dessus ou en dessous du code QR) ainsi que sa famille de polices et sa couleur. Vous trouverez ci-dessous les méthodes disponibles pour cette fonctionnalité :

  • AddAnnotationTextAboveBarcode : Ajoute un texte d'annotation au-dessus du code QR.
  • AddAnnotationTextBelowBarcode : Ajoute un texte d'annotation en dessous du code QR.
  • AddBarcodeValueTextAboveBarcode : Ajoute le texte de la valeur du code-barres au-dessus du code QR.
  • AddBarcodeValueTextBelowBarcode : Ajoute le texte de la valeur du code-barres en dessous du code QR.

Personnaliser l'annotation et la valeur du code-barres

Toutes les quatre méthodes mentionnées ci-dessus acceptent une police personnalisée en tant qu'objet IronSoftware.Drawing.Font, une couleur en tant qu'objet IronSoftware.Drawing.Color, et un entier pour spécifier l'espacement supérieur et inférieur du texte en pixels. Veuillez noter que ces paramètres sont facultatifs ; s'ils ne sont pas spécifiés, la police, la couleur et l'espacement par défaut seront utilisés.

En résumé, IronBarcode est un outil idéal pour créer et personnaliser votre code QR. Outre les méthodes directes utilisées pour les personnalisations, IronBarcode utilise également notre propre IronDrawing comme bibliothèque d'assistance pour tout ce qui concerne le traitement de l'image, ce qui est supposé être plus stable que de dépendre d'autres bibliothèques externes.

Questions Fréquemment Posées

Comment puis-je créer un code QR personnalisé avec un logo dans .NET ?

Vous pouvez créer un code QR personnalisé avec un logo dans .NET en utilisant la méthode CreateQrCodeWithLogo de la bibliothèque IronBarcode. Cela vous permet d'intégrer un logo dans le code QR, et vous pouvez personnaliser les dimensions et les styles d'angle pour une meilleure esthétique.

Quelles sont les étapes impliquées dans la personnalisation de la couleur d'un code QR ?

Pour personnaliser la couleur d'un code QR, utilisez la méthode ChangeBarCodeColor d'IronBarcode. Cela vous permet d'appliquer des couleurs personnalisées en utilisant des valeurs RGB ou des codes couleur Hex, offrant une large gamme d'options de personnalisation vibrantes.

Comment puis-je ajouter des annotations textuelles à un code QR ?

Vous pouvez ajouter des annotations textuelles à un code QR en utilisant les méthodes AddAnnotationTextAboveBarcode et AddBarcodeValueTextBelowBarcode d'IronBarcode. Ces méthodes vous permettent de personnaliser la police et la couleur du texte pour une meilleure lisibilité et une meilleure image de marque.

Quelles sont les meilleures pratiques pour assurer la lisibilité d'un code QR ?

Pour garantir la lisibilité d'un code QR, IronBarcode fournit des directives sur le maintien d'une taille d'image appropriée et d'un rayon d'angle. Cela aide à préserver l'intégrité du code QR et à s'assurer qu'il est facilement scannable.

Comment puis-je exporter mon code QR personnalisé ?

Les codes QR personnalisés créés avec IronBarcode peuvent être exportés dans plusieurs formats, y compris des fichiers image, PDF, flux et HTML, en utilisant diverses méthodes de sauvegarde disponibles dans la bibliothèque.

Quel rôle joue la bibliothèque IronDrawing dans la personnalisation des codes QR ?

La bibliothèque IronDrawing est essentielle pour gérer les tâches de traitement d'images au sein d'IronBarcode, permettant la personnalisation des codes QR, comme les changements de couleur et l'intégration de logos.

Quels sont les avantages d'utiliser des codes QR avec des styles personnalisés ?

Les codes QR au style personnalisé, créés avec IronBarcode, offrent un attrait visuel supérieur et une meilleure correspondance à la marque. Cela améliore l'engagement des utilisateurs et l'efficacité marketing en intégrant des logos et des schémas de couleurs spécifiques.

Pourquoi IronBarcode est-il considéré comme efficace pour la génération de codes QR ?

IronBarcode est efficace pour la génération de codes QR en raison de ses fonctionnalités complètes telles que l'intégration de logos, la personnalisation des couleurs et l'ajout d'annotations, tout en maintenant une lisibilité élevée et des normes esthétiques élevées.

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
  Discutez maintenant avec l'équipe d'ingénierie
Ingénieur logiciel
Comme tous les grands ingénieurs, Hairil est un apprenant avide. Il affine ses connaissances en C#, Python et Java, utilisant ces connaissances pour apporter de la valeur aux membres de l'équipe dans toute Iron Software. Hairil a rejoint l'équipe d'Iron Software depuis l'Université Teknologi MARA en Malaisie, ...
Lire la suite
Prêt à commencer?
Nuget Téléchargements 1,935,276 | Version : 2025.11 vient de sortir