C#でQRコードにカスタマイズとロゴを追加する方法

C#でQRコードをカスタマイズしてロゴを追加する方法

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

IronBarcode の CreateQrCodeWithLogo メソッドとスタイル設定機能を使用して、ロゴの追加、色の変更、注釈の追加などを行い、C# で QR コードをカスタマイズして、マーケティングおよびビジネス アプリケーション用のブランド化されたプロフェッショナルな QR コードを作成します。

QRコードは、従来のバーコードに比べてデータ容量が高く、スキャンが容易であるため人気を集めています。 マーケティングにおいて、ロゴの追加、色の変更、その他のブランド要素を組み込むカスタマイズ性が評価されています。 現代の企業は、さまざまなマーケティングキャンペーンや顧客エンゲージメント戦略にカスタムQRコードを活用しています。

このニーズに応えるため、IronBarcode は QR コードをカスタマイズするための機能スイートを提供しています。 ユーザーは、ロゴ付きのQRコードを作成し、配色を変更し、注釈を追加することができます。 これらの機能は、無料でオープンソースのライブラリIronDrawingによって提供されています。 このライブラリは、標準 QR コード、マイクロ QR、最新の rMQR フォーマットを含む複数の BarCode フォーマットをサポートしています。

クイックスタート: 1 行でブランド化された QR コードを作成する

最小限のセットアップで、あなたのロゴ、カスタムカラー、注釈付きのQRコードをワンラインのIronBarcodeコードで瞬時に作成できます。 プロフェッショナルなブランディングを迅速に行いたい開発者に最適です。

  1. IronBarcode をNuGetパッケージマネージャでインストール

    PM > Install-Package BarCode
  2. このコード スニペットをコピーして実行します。

    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. 実際の環境でテストするためにデプロイする

    今日プロジェクトで IronBarcode を使い始めましょう無料トライアル

    arrow pointer


ロゴ入りQRコードを作成するには?

QRCodeLogoオブジェクトは、QRコードを生成する際にロゴ画像を埋め込むために必要です。 The CreateQrCodeWithLogo method generates a QR code with a logo. このメソッドはIronBarcodeの包括的なQRコード生成機能の一部であり、開発者に幅広いカスタマイズオプションを提供します。

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

// Create QR code logo from file path
QRCodeLogo logo = new QRCodeLogo("ironbarcode_top.webp", 0, 0, 20f);

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

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png");
$vbLabelText   $csharpLabel
中央にカラフルな正方形のロゴを埋め込んだQRコード(ロゴの統合例を示す

上記のコードによって生成された出力QRコードを調べてみましょう。 QRコードは、中央にロゴを配置し、エッジを丸くしています。 ロゴを統合することで、QRコードのスキャナビリティを維持しつつ、ブランドアイデンティティを付加しています。

ロゴの外観を制御するパラメータは何ですか?

ロゴをカスタマイズするには、新しいQRCodeLogoオブジェクトを作成するときに特定のフィールドに記入してください。 以下は必須項目です:

  • Importing Image: Import images from AnyBitmap, Stream, Byte Array, relative filepath, or URI. 最適な結果を得るためには、PNG、JPEG、WebPなどの一般的な形式の高解像度画像を使用してください。
  • 画像の寸法: 希望する幅と高さをピクセル単位で指定してください。 画像が大きすぎてQRコードが読み取れない場合は、例外がスローされます。 0を使用して、実行可能な最大サイズを自動的に決定します。
  • 画像の角: 角丸の半径を設定します。 角が四角い場合は0を使用してください。 角を丸くすることで、よりプロフェッショナルな外観になり、視覚的な統合が向上します。

生成されたQRコードをエクスポートするにはどうすればよいですか?

生成されたQRコードをエクスポートするには、保存メソッドを呼び出します。 エクスポートオプションには、画像ファイル、ストリーム、HTML、PDFが含まれます。 exporting barcodes as different formats については、包括的なガイドを参照してください。ウェブアプリケーションでは、バーコードを HTML としてエクスポートして、ウェブページに直接埋め込むこともできます。

QRコードの色を変更するにはどうすればよいですか?

IronBarcodeでは、ロゴを追加するだけでなく、色を変更することでQRコードをカスタマイズすることができます。 IronDrawingを使用すると、ユーザーはRGB値またはHexカラーコードを使用して色を定義し、QRコードに適用することができます。 この機能は、マーケティング資料全体でブランドの一貫性を維持するために特に役立ちます。 この機能とQRコードを示すコード・スニペットを見てみましょう。

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

// Create QR code logo from file path
QRCodeLogo logo = new QRCodeLogo("ironbarcode_top.webp", 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
中央にカラフルなカスタムロゴを配置したブルーのQRコード。

どのようなカラーフォーマットがサポートされていますか?

上のコードは、前回のロゴ入りQRコードの作成例を拡張したものです。 It demonstrates changing QR code color using the ChangeBarCodeColor method, which takes an IronSoftware.Drawing.Color object as input. RGB値、Hexコード、または定義済みの列挙型を使用して、このオブジェクトを作成します。 詳細については、私たちの"Create Color"コード例を参照してください。 色のカスタマイズ機能は、すべてのサポートされているバーコード形式でシームレスに動作します。

カスタムカラーはいつ使うべきですか?

カスタムカラーは特に次のような場合に役立ちます:

  • ブランドの一貫性:QRコードを企業のビジュアルアイデンティティに合わせる
  • キャンペーンテーマ:特別なキャンペーンやイベントのためのテーマQRコードの作成
  • 視覚的な階層:印刷物で重要なQRコードを強調するために色を使う
  • アクセシビリティ:さまざまな条件下でより良いスキャンができるよう、十分なコントラストを確保すること。

色を選択する際は、QRコードのパターンと背景の間に適切なコントラストを保ち、確実にスキャンできるようにします。 通常、明るい背景に暗い色が最適です。

QRコードに注釈を追加するにはどうすればよいですか?

QRコードをカスタマイズするもう1つの重要な側面は、QRコード画像内に注釈を追加することです。 これらの注釈は、バーコードの値そのものでも、プロモーション目的のカスタムテキストでもかまいません。 アノテーションは、ユーザーがスキャン前にQRコードの内容を理解し、ユーザーエクスペリエンスとエンゲージメント率を向上させるのに役立ちます。

これらのメソッドの実装と、結果として得られるQRコード画像を見てみましょう。

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

// Create QR code logo from file path
QRCodeLogo logo = new QRCodeLogo("ironbarcode_top.webp", 0, 0, 20f);

// Define color from RGB
Color colorForBarcode = new Color(51, 51, 153);

GeneratedBarcode qrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode qrCodeWithLogoAndColor = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode);
GeneratedBarcode qrCodeWithAnnotation = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", 2).AddBarcodeValueTextBelowBarcode(2);
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png");
$vbLabelText   $csharpLabel
中央にIronBarcodeのロゴアノテーションを配置したQRコード。

どのようなアノテーション メソッドがありますか?

IronBarcode は、注釈の位置(QRコードの上または下)、フォントファミリー、その色を設定する方法を提供しています。 利用可能な方法は以下のとおりです:

  • 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

これらのメソッドは、複数のアノテーションを連結することができます。 より高度なスタイリングオプションについては、包括的なバーコードスタイリングガイドを参照してください。

どのようにアノテーションの外観をカスタマイズできますか?

4つのメソッドはすべて、IronSoftware.Drawing.Fontオブジェクトとしてカスタムフォント、IronSoftware.Drawing.Colorオブジェクトとして色、そしてピクセル単位で上下の間隔を指定する整数を受け入れます。 これらのパラメータはオプションです; 指定がない場合は、デフォルトのフォント、色、スペースが使用されます。 Fontオブジェクトは、さまざまなフォントファミリー、スタイル(ボールド、イタリック、レギュラー)、サイズをサポートしており、ブランディング要件に合わせることができます。

なぜQRコードにアノテーションを使用するのですか

アノテーションは、QRコードを次のように強化します:

  • コンテキストの提供:メニューをスキャンしてください"や"当社のウェブサイトをご覧ください"のようなラベルは、目的を明確にします。
  • エンゲージメントの向上:明確な行動喚起がスキャン率を高める
  • 信頼を築く:URLや会社名を表示することで、ユーザーに安心感を与えます。
  • アクセシビリティの向上:テキスト注釈は、ユーザーがスキャンせずにコンテンツを理解するのに役立ちます。

IronBarcodeはQRコードの作成とカスタマイズに理想的なツールです。 IronBarcodeは直接的なカスタマイズ方法だけでなく、IronDrawingを画像処理のヘルパーライブラリとして使用することで、外部ライブラリに依存するよりも高い安定性を提供します。 その他の例や高度なテクニックについては、C# QR Code Generator チュートリアルAPI リファレンスを参照してください。

よくある質問

C#でQRコードにロゴを追加するには?

IronBarcodeのCreateQrCodeWithLogoメソッドを使用してQRコードにロゴを追加することができます。画像ファイルのパスでQRCodeLogoオブジェクトを作成し、QRコードデータと一緒にメソッドに渡すだけです。ロゴはスキャナビリティを維持したままQRコードの中央に埋め込まれます。

QRコードの色を変更できますか?

はい、IronBarcodeはQRコードの色をカスタマイズできるChangeBarCodeColorメソッドを提供しています。IronSoftware.Drawing.Colorパレットから任意の色を適用し、QRコードのスキャナビリティを維持しながら、ブランドアイデンティティにマッチさせることができます。

QRコードにテキスト注釈を追加するにはどうすればよいですか?

IronBarcodeはテキスト注釈を追加するためにAddAnnotationTextAboveBarcodeやAddBarcodeValueTextBelowBarcodeのようなメソッドを提供します。テキストのフォント、サイズ、色、位置をカスタマイズして、QRコードに情報ラベルやコールトゥアクションを作成することができます。

カスタマイズに対応しているバーコード形式は?

IronBarcodeは標準QRコード、マイクロQRコード、最新のrMQRフォーマットを含む複数のバーコードフォーマットのカスタマイズをサポートしています。各フォーマットは、ロゴ、色、注釈をカスタマイズすることができ、特定の要件を満たすことができます。

たった1行のコードでブランドQRコードを作成できますか?

はい、IronBarcodeではメソッドを連結することで、1行で完全にブランド化されたQRコードを作成することができます。CreateQrCodeWithLogo、ChangeBarCodeColor、AddAnnotationTextAboveBarcodeメソッドを組み合わせることで、ロゴ、色、テキストを含むカスタムQRコードを一度に生成することができます。

QRコードのロゴに使用できる画像形式は何ですか?

IronBarcodeのQRCodeLogo機能は、PNG、JPG、その他の標準フォーマットのような一般的な画像フォーマットをサポートしています。このライブラリは最適なQRコードの読みやすさを維持しながら、ロゴ画像を自動的に処理して埋め込みます。

ロゴの統合はQRコードのスキャナビリティにどのような影響を与えますか?

IronBarcodeは、適切なサイズとパディングでロゴをQRコードの中央に自動的に配置し、スキャナビリティを維持します。このライブラリは、ロゴがQRコードのエラー訂正機能を妨げないようにし、標準的なQRコードスキャナで読み取り可能な状態を維持します。

Hairil Hasyimi Bin Omar
ソフトウェアエンジニア
すべての優れたエンジニアのように、ハイリルは熱心な学習者です。彼はC#、Python、Javaの知識を磨き、その知識を活用してIron Softwareのチームメンバーに価値を追加しています。ハイリルはマレーシアのマラ工科大学からIron Softwareのチームに参加し、化学およびプロセス工学の学士号を取得しました。
準備はできましたか?
Nuget ダウンロード 2,108,094 | バージョン: 2026.3 リリース
Still Scrolling Icon

まだスクロールしていますか?

すぐに証拠が欲しいですか? PM > Install-Package BarCode
サンプルを実行する 文字列が BarCode になるのを見る。