1. IronBarcode
  2. ハウツー
  3. .NET カスタム QR コードを作成
C#でQRコードにカスタマイズとロゴを追加する方法

How to Customize and Add Logos to QR Codes

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

QRコードは、従来のバーコードに比べてデータ容量が高く、スキャンが容易であるため人気を集めています。 マーケティングにおいて、ロゴの追加、色の変更、その他のブランド要素を組み込むカスタマイズ性が評価されています。

このニーズに応えるため、IronBarcode は QR コードをカスタマイズするための機能スイートを提供しています。 ユーザーはロゴを持つ QR コードを作成し、カラースキームを変更し、注釈を追加できます。 これらの機能は、無料でオープンソースのライブラリIronDrawingによって提供されています。

クイックスタート：ワンラインでブランド化されたQRコードを作成

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

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

最小ワークフロー (5 ステップ)

  1. QRコードにロゴをカスタマイズして追加するためのC#ライブラリをダウンロード
  2. CreateQrCodeWithLogo メソッドを使用してロゴ付きのQRコードを作成
  3. ChangeBarCodeColor メソッドを使用してカスタムカラーをQRコードに追加
  4. AddAnnotationTextAboveBarcode メソッドを使用してQRコードに注釈を追加
  5. AddBarcodeValueTextBelowBarcodeメソッドを使用してQRコードの値を表示

ロゴ付きQRコード作成例

QRCodeLogoオブジェクトは、QRコードを生成する際にロゴ画像を埋め込むために必要です。 CreateQrCodeWithLogo メソッドもまた、ロゴ付きのQRコードを生成するために使用されます。

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

上記のコードによって生成された出力QRコードを調べてみましょう。 QRコードの中心にロゴが配置され、角が丸くなっていることがわかります。

ロゴをカスタマイズするには、新しいQRCodeLogoオブジェクトを作成する際にいくつかのフィールドを入力する必要があります。 必要なフィールドについての説明は以下の通りです：

  • 画像のインポート: AnyBitmap、Stream、Byte Array、相対的なファイルパス、またはURIからインポートが可能です。
  • 画像の寸法: ロゴ画像の幅と高さをピクセル単位で指定します。 QRコードが読めないほど画像が大きい場合、例外がスローされます。 自動的に最大サイズを決定するには、値を0に設定します。
  • 画像の角: ロゴ画像の丸い角の半径を設定します。 四角の角にはデフォルト値0を使用します。

最後に、生成されたQRコードをエクスポートするには、保存メソッドを呼び出すだけです。 画像ファイルやストリーム、HTML、PDFなどのエクスポートオプションがあります。

QRコードの色を変更する例

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;

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 With Custom Logo and Color

上記のコードスニペットは、ロゴ付きQRコードの作成例を拡張したものです。 ChangeBarCodeColor メソッドを使用してQRコードの色を変更する方法を示しており、入力としてIronSoftware.Drawing.Colorオブジェクトを取ります。 このオブジェクトは、RGB値、Hexコード、または事前定義された列挙型を使用して作成できます。 詳細については、私たちの"Create Color"コード例を参照してください。

QRコード注釈追加の例

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;

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 With Annotation

IronBarcode は、注釈の位置（QRコードの上または下）、フォントファミリー、その色を設定する方法を提供しています。 この機能に利用可能なメソッドは以下の通りです：

  • AddAnnotationTextAboveBarcode: 注釈テキストをQRコード上に追加します。
  • AddAnnotationTextBelowBarcode: 注釈テキストをQRコード下に追加します。
  • AddBarcodeValueTextAboveBarcode: バーコードの値テキストをQRコード上に追加します。
  • AddBarcodeValueTextBelowBarcode: バーコードの値テキストをQRコード下に追加します。

注釈とバーコード値のカスタマイズ

上記の4つのメソッドはすべて、IronSoftware.Drawing.Fontオブジェクトとしてカスタムフォント、IronSoftware.Drawing.Colorオブジェクトとして色、そしてテキストの上下スペースを指定する整数を受け入れます。 これらのパラメータはオプションであることに注意してください; 指定されない場合、デフォルトのフォント、色、およびスペーシングが使用されます。

要するに、IronBarcode は QR コードを作成しカスタマイズするための理想的なツールです。 カスタマイズに使用される直接的なメソッドに加えて、IronBarcode は画像処理に関連するものはすべて IronDrawing を補助ライブラリとして使用しますが、これは外部の他のライブラリに依存するよりもより安定していると考えられます。

よくある質問

.NET でロゴ付きのカスタム QR コードを作成するにはどうすればよいですか？

IronBarcode ライブラリの CreateQrCodeWithLogo メソッドを使用することで、.NET でロゴ付きのカスタム QR コードを作成できます。これにより、QR コードにロゴを埋め込み、より優れた美観のために寸法とコーナースタイルをカスタマイズできます。

QR コードの色をカスタマイズするにはどのようなステップがありますか？

QR コードの色をカスタマイズするには、IronBarcode の ChangeBarCodeColor メソッドを使用します。これにより、RGB 値または Hex カラー コードを使用してカスタムカラーを適用でき、鮮やかなカスタマイズオプションが提供されます。

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

IronBarcode の AddAnnotationTextAboveBarcode および AddBarcodeValueTextBelowBarcode メソッドを使用して、QR コードにテキスト注釈を追加できます。これらのメソッドを使用すると、フォントとテキストの色をカスタマイズできるため、可読性やブランディングが向上します。

QR コードの可読性を確保するためのベスト プラクティスは何ですか？

QR コードの可読性を確保するには、IronBarcode が適切な画像サイズとコーナー半径を維持するためのガイドラインを提供します。これにより、QR コードの完全性が保持され、容易にスキャンできるようになります。

How can I export my customized QR code?

IronBarcode で作成されたカスタマイズされた QR コードは、ライブラリ内で利用可能なさまざまな保存方法を使用して、画像ファイル、PDF、ストリーム、HTML など複数の形式でエクスポートできます。

QR コードのカスタマイズにおいて IronDrawing ライブラリはどのような役割を果たしていますか？

IronDrawing ライブラリは、色の変更やロゴ統合など、QR コードのカスタマイズのための画像処理タスクを処理するために重要です。

カスタムスタイルの QR コードを使用する利点は何ですか？

IronBarcode を使用して作成されたカスタムスタイルの QR コードは、より高い視覚的魅力とブランドの調和を提供します。これにより、ロゴや特定のカラースキームを統合することで、ユーザーのエンゲージメントとマーケティング効果が向上します。

IronBarcode が QR コード生成に効率的とされる理由は何ですか？

IronBarcode は、ロゴの埋め込み、色のカスタマイズ、注釈の追加などの包括的な機能を備えているため、QR コード生成に効率的でありながら、可読性と美観の標準を高く保っています。

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
  今すぐエンジニアリングチームとチャット
ソフトウェアエンジニア
すべての優れたエンジニアのように、ハイリルは熱心な学習者です。彼はC#、Python、およびJavaの知識を磨いており、その知識を利用してIron Software全体のチームメンバーに価値を追加しています。ハイリルはマレーシアのマラ工科大学からIron Softwareチームに参加し、化学およびプロセス工学の学士号を取得しました。
準備はいいですか?
Nuget ダウンロード 1,935,276 | バージョン: 2025.11 ただ今リリースされました