Comment personnaliser et ajouter des logos aux codes QR en C#

Comment personnaliser et ajouter des logos aux codes QR dans C#;

This article was translated from English: Does it need improvement?
Translated
View the article in English

Personnalisez les codes QR en C# en ajoutant des logos, en changeant les couleurs et en incluant des annotations à l'aide de la méthode CreateQrCodeWithLogo et des fonctionnalités de style d'IronBarcode pour créer des codes QR professionnels et de marque pour les applications marketing et commerciales.

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. Les entreprises modernes exploitent les codes QR personnalisés pour diverses campagnes de marketing et stratégies d'engagement des clients.

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, modifier les couleurs et ajouter des annotations. Ces capacités sont fournies par IronDrawing, une bibliothèque gratuite et open-source. La bibliothèque prend en charge de multiples formats de codes-barres, notamment les codes QR standard, Micro QR et les derniers formats rMQR.

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. Parfait pour les développeurs qui veulent une image de marque professionnelle rapidement.

Nuget IconCommencez dès maintenant à créer des PDF avec NuGet :

  1. Installez IronBarcode avec le gestionnaire de packages NuGet

    PM > Install-Package BarCode

  2. Copiez et exécutez cet extrait de code.

    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. Déployez pour tester sur votre environnement de production.

    Commencez à utiliser IronBarcode dans votre projet dès aujourd'hui grâce à un essai gratuit.
    arrow pointer


Un objet QRCodeLogo est nécessaire pour intégrer l'image du logo lors de la génération du code QR. The CreateQrCodeWithLogo method generates a QR code with a logo. Cette méthode fait partie des fonctions complètes de génération de code QR d'IronBarcode, qui offrent des options de personnalisation étendues aux développeurs.

: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
Code QR avec logo carré coloré intégré au centre montrant un exemple d'intégration de logo

Examinons le code QR généré par le code ci-dessus. Le code QR comporte un logo au centre et des bords arrondis. L'intégration du logo maintient la scannabilité du code QR tout en ajoutant l'identité de la marque.

Quels sont les paramètres qui contrôlent l'apparence du logo ? Pour personnaliser le logo, remplissez les champs spécifiques lors de la création d'un nouvel objet **QRCodeLogo**. Voici les champs obligatoires : - **Importing Image**: Import images from AnyBitmap, Stream, Byte Array, relative filepath, or URI. Pour un résultat optimal, utilisez des images haute résolution dans des formats courants tels que PNG, JPEG ou WebP. - **Dimensions de l'image** : indiquez la largeur et la hauteur souhaitées en pixels. Si l'image est trop grande pour que le code QR reste lisible, une exception sera levée. Utilisez 0 pour déterminer automatiquement la plus grande taille viable. - **Coins de l'image** : définissez le rayon des coins arrondis. Utilisez 0 pour les coins carrés. Les coins arrondis créent un aspect plus professionnel et une meilleure intégration visuelle. ### Comment exporter le code QR généré? Pour exporter le code QR généré, invoquez une méthode d'enregistrement. Les options d'exportation comprennent les fichiers images, les flux, le HTML et le PDF. Pour en savoir plus sur l'[exportation de codes-barres sous différents formats](https://ironsoftware.com/csharp/barcode/how-to/output-data-formats/), consultez notre guide complet. Pour les applications web, vous pouvez également [exporter des codes-barres au format HTML](https://ironsoftware.com/csharp/barcode/how-to/create-barcode-as-html/) pour les intégrer directement dans des pages web. ## Comment changer la couleur de mon code QR? Outre l'ajout de logos, IronBarcode permet aux utilisateurs de personnaliser les codes QR en changeant leur couleur. Avec IronDrawing, les utilisateurs peuvent définir des couleurs à l'aide de valeurs RVB ou de codes couleur Hex et les appliquer à des codes QR. Cette fonctionnalité est particulièrement utile pour maintenir la cohérence de la marque dans les supports marketing. Examinons un extrait de code illustrant cette fonctionnalité et le code QR qui en résulte. ```csharp :path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color.cs ```
Code QR bleu avec logo coloré personnalisé au centre montrant une personnalisation réussie de la couleur et du logo

Quels sont les formats de couleur pris en charge ? Le code ci-dessus prolonge l'exemple précédent de création de codes QR avec des logos. It demonstrates changing QR code color using the ChangeBarCodeColor method, which takes an **IronSoftware.Drawing.Color** object as input. Créez cet objet à l'aide de valeurs RVB, de codes hexadécimaux ou d'énumérations prédéfinies. Visitez notre exemple de code ["Créer couleur"](https://nuget.org/packages/IronPdf/) pour en savoir plus. La fonction de personnalisation des couleurs fonctionne de manière transparente avec tous les [formats de codes-barres pris en charge](https://ironsoftware.com/csharp/barcode/get-started/supported-barcode-formats/). ### Quand utiliser des couleurs personnalisées? Les couleurs personnalisées sont particulièrement utiles pour : - : Faire correspondre les codes QR à l'identité visuelle de votre entreprise - **Thèmes de campagne** : Créer des codes QR à thème pour des campagnes et des événements spéciaux - **Hiérarchie visuelle** : Utilisation de la couleur pour mettre en évidence les codes QR importants dans les documents imprimés - **Accessibilité** : assurer un contraste suffisant pour une meilleure numérisation dans diverses conditions Lors de la sélection des couleurs, veillez à maintenir un contraste adéquat entre le motif du code QR et l'arrière-plan afin de garantir une lecture fiable. Les couleurs sombres sur fond clair sont généralement les plus adaptées. ## Comment ajouter des annotations aux codes QR? Un autre aspect important de la personnalisation des codes QR est l'ajout d'annotations dans l'image du code QR. Ces annotations peuvent être la valeur du BarCode elle-même ou un texte personnalisé à des fins promotionnelles. Les annotations aident les utilisateurs à comprendre le contenu du code QR avant de le scanner, ce qui améliore l'expérience utilisateur et les taux d'engagement. Examinons la mise en œuvre de ces méthodes et l'image du code QR qui en résulte. ```csharp :path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color-annotation.cs ```
Code QR avec annotation du logo IronBarcode au centre, démontrant les capacités de marquage personnalisé

Quelles sont les méthodes d'annotation disponibles ? 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. Les méthodes disponibles sont les suivantes : - **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 Ces méthodes peuvent être enchaînées pour des annotations multiples. Pour des options de style plus avancées, consultez notre [guide complet de style de code-barres](https://ironsoftware.com/csharp/barcode/how-to/customize-barcode-style/). ### Comment personnaliser l'apparence des annotations? Les quatre méthodes acceptent une police personnalisée sous la forme d'un objet **IronSoftware.Drawing.Font**, une couleur sous la forme d'un objet **IronSoftware.Drawing.Color** et un nombre entier pour spécifier l'espacement supérieur et inférieur en pixels. Ces paramètres sont facultatifs ; si rien n'est spécifié, la police, la couleur et l'espacement par défaut seront utilisés. L'objet Font prend en charge différentes familles de polices, styles (Bold, Italic, Regular) et tailles pour répondre aux exigences de votre image de marque. ### Pourquoi utiliser des annotations sur les codes QR? Les annotations améliorent les codes QR en : - **Fournir un contexte** : Des libellés tels que "Scan for Menu" ou "Visit Our Website" clarifient l'objectif poursuivi - : Des appels à l'action clairs augmentent les taux de lecture - **Créer la confiance** : L'affichage de l'URL ou du nom de l'entreprise aide les utilisateurs à se sentir en sécurité - **Améliorer l'accessibilité** : les annotations de texte aident les utilisateurs à comprendre le contenu sans le scanner IronBarcode est un outil idéal pour créer et personnaliser des codes QR. Au-delà des méthodes de personnalisation directe, IronBarcode utilise IronDrawing comme bibliothèque d'aide pour le traitement des images, offrant ainsi plus de stabilité que si l'on dépendait de bibliothèques externes. Pour des exemples supplémentaires et des techniques avancées, explorez notre [tutoriel BarCode Generator C#](https://ironsoftware.com/csharp/barcode/tutorials/csharp-qr-code-generator/) et [Référence API](https://ironsoftware.com/csharp/barcode/object-reference/api/) pour une documentation complète de toutes les méthodes et propriétés disponibles.

Questions Fréquemment Posées

Comment ajouter un logo à un code QR en C# ?

Vous pouvez ajouter un logo à un code QR à l'aide de la méthode CreateQrCodeWithLogo d'IronBarcode. Il suffit de créer un objet QRCodeLogo avec le chemin d'accès de votre fichier image et de le transmettre à la méthode avec les données de votre code QR. Le logo sera intégré au centre du code QR tout en conservant la possibilité de le scanner.

Puis-je changer les couleurs de mon code QR ?

Oui, IronBarcode fournit la méthode ChangeBarCodeColor qui vous permet de personnaliser les couleurs des codes QR. Vous pouvez appliquer n'importe quelle couleur de la palette IronSoftware.Drawing.Color pour correspondre à l'identité de votre marque tout en veillant à ce que le code QR puisse être scanné.

Comment ajouter des annotations textuelles à un code QR ?

IronBarcode propose des méthodes telles que AddAnnotationTextAboveBarcode et AddBarcodeValueTextBelowBarcode pour ajouter des annotations de texte. Vous pouvez personnaliser la police, la taille, la couleur et le positionnement du texte pour créer des étiquettes informatives ou des appels à l'action sur vos codes QR.

Quels sont les formats de codes-barres pris en charge pour la personnalisation ?

IronBarcode prend en charge la personnalisation de plusieurs formats de codes-barres, notamment les codes QR standard, les codes Micro QR et les derniers formats rMQR. Chaque format peut être personnalisé avec des logos, des couleurs et des annotations pour répondre à vos besoins spécifiques.

Puis-je créer un code QR de marque avec une seule ligne de code ?

Oui, IronBarcode vous permet de créer un code QR entièrement marqué en une seule ligne en enchaînant les méthodes. Vous pouvez combiner les méthodes CreateQrCodeWithLogo, ChangeBarCodeColor et AddAnnotationTextAboveBarcode pour générer un code QR personnalisé avec logo, couleurs et texte en une seule fois.

Quels formats d'image puis-je utiliser pour les logos de codes QR ?

La fonctionnalité QRCodeLogo d'IronBarcode prend en charge les formats d'image courants tels que PNG, JPG et d'autres formats standard. La bibliothèque traite et intègre automatiquement l'image de votre logo tout en maintenant une lisibilité optimale du code QR.

Comment l'intégration d'un logo affecte-t-elle la lisibilité d'un code QR ?

IronBarcode positionne automatiquement les logos au centre des codes QR avec un dimensionnement et un rembourrage appropriés pour maintenir la scannabilité. La bibliothèque veille à ce que le logo n'interfère pas avec les capacités de correction d'erreur du code QR, afin qu'il reste lisible par les scanners de codes QR standard.

Hairil Hasyimi Bin Omar
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 2,002,059 | Version : 2025.12 vient de sortir