QRコードに余白を追加する方法

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

QR コードを正しく拡大縮小することは、ブランド広告において視覚的なインパクトと技術的な読みやすさのバランスをとる上で重要なステップです。 これを実現するには、マージン (多くの場合、"クワイエット ゾーン"と呼ばれます) を使用すると、QR コードの読みやすさが向上し、スキャン デバイスが固有のレイアウト内でコードを正しく認識できるようになります。 幅、高さ、全体的なスケールの具体的な調整は、最終的な出力比率と視覚的な表現に直接影響します。

このガイドでは、IronQR で余白を使用して QR コードを効果的にサイズ変更およびフレーム化し、あらゆるプロフェッショナルなレイアウトにぴったり合うようにする方法を説明します。

QRコードに余白を追加する

適切な静かな領域を確立するには、 QrStyleOptionsクラス内のMarginsプロパティを構成します。 このプロパティは、QR コードの 4 辺すべてに均一な空白の境界を定義する単一の整数を受け入れます。

この例では、余白を 40 ピクセルにしたスタイル構成を定義し、レンダリング プロセス中にこれらの設定を QR コードに適用し、結果の画像を PNG ファイルとして保存します。

:path=/static-assets/qr/content-code-examples/how-to/add-margins-qr-code.cs
using IronQr;
using IronSoftware.Drawing;

QrStyleOptions styleOptions = new QrStyleOptions
{
    // Set all margins to 40px
    Margins = 40,

};

string url = "https://ironsoftware.com/csharp/qr/";

// Create QR code
QrCode qr = QrWriter.Write(url);

// Save QR code as a bitmap using the style options
AnyBitmap qrImage = qr.Save(styleOptions);

// Save QR code bitmap as file
qrImage.SaveAs("qr-uniform-margins.png");
$vbLabelText   $csharpLabel

出力

クワイエットゾーンQRコード

特定の辺に余白を追加する

非対称レイアウトの場合は、 QrStyleOptions内のMarginTopMarginBottomMarginLeft 、およびMarginRightプロパティを使用します。 これにより、静かなゾーンの各側を個別に正確に制御できます。

この例では、特定の寸法と背景色とともに、各マージンにカスタム値が定義されています。

:path=/static-assets/qr/content-code-examples/how-to/add-specific-margins-qr-code.cs
using IronQr;
using IronSoftware.Drawing;

// Configure QR code styling with individual margins and background color
QrStyleOptions combinedOptions = new QrStyleOptions
{
    Dimensions = 400,
    MarginTop = 50,
    MarginBottom = 50,
    MarginLeft = 20,
    MarginRight = 20,
    BackgroundColor = IronSoftware.Drawing.Color.LightYellow,
};

string url = "https://ironsoftware.com/";

// Generate QR code from URL
QrCode qrCombined = QrWriter.Write(url);

// Apply styling options and export as bitmap
AnyBitmap qrCombinedImage = qrCombined.Save(combinedOptions);

// Save QR code to file
qrCombinedImage.SaveAs("qr-custom-margins.png");
$vbLabelText   $csharpLabel

出力

ご覧のとおり、縦の余白は横の余白よりも明らかに大きくなっています。

選択的な余白間隔

余白を追加したQRコードの生成

クワイエットゾーンQRコード
選択的な余白間隔

よくある質問

QR コードの余白とは何ですか?

マージン(クワイエットゾーンとも呼ばれる)は、QRコードの周囲にある空白部分です。マージンによって読みやすさが向上し、スキャンデバイスがコードを容易に認識できるようになります。

余白は QR コードのスキャンにどのように影響しますか?

マージンは、近くの視覚要素がコードの読みやすさを妨げないようにするバッファ領域を提供することで、スキャン デバイスが QR コードを正しく読み取ることができるようにします。

C# で QR コードに余白を追加するにはどうすればよいですか?

IronQRライブラリを使用すると、C#でQRコードに余白を追加できます。`QrStyleOptions`クラスの`Margins`プロパティを設定することで、QRコードの周囲に均一な空白の境界線を定義できます。

QR コードの各辺に異なる余白を適用できますか?

はい、IronQR では、`MarginTop`、`MarginBottom`、`MarginLeft`、`MarginRight` などのプロパティを使用して、QR コードの各辺に異なる余白を適用し、非対称レイアウトを実現できます。

IronQR の `QrStyleOptions` クラスの目的は何ですか?

IronQR の `QrStyleOptions` クラスを使用すると、余白、寸法、その他のスタイル オプションを設定してプロフェッショナルなレイアウトを実現するなど、QR コードの外観をカスタマイズできます。

余白を追加した QR コードを画像として保存するにはどうすればよいですか?

IronQR を使用して必要な余白で QR コードを設定した後、外部で使用するために PNG などの画像ファイルとしてレンダリングして保存できます。

QR コードに余白を追加するのに IronQR を使用する必要があるのはなぜですか?

IronQR は、C# で QR コードの余白やその他のスタイル オプションをカスタマイズするシンプルで効率的な方法を提供し、あらゆるプロフェッショナル レイアウトやブランド レイアウトに完璧に適合することを保証します。

IronQR で QR コードの背景色を設定することは可能ですか?

はい、IronQR を使用すると、QR コードの背景色を設定できるため、読みやすさを維持しながら視覚的な魅力を高めることができます。

IronQR を使用して QR コードをどのようなファイル形式で保存できますか?

IronQR を使用すると、QR コードを PNG などのさまざまな画像ファイル形式として保存し、さまざまなアプリケーションやプラットフォームで多目的に使用できます。

Ahmad Sohail
フルスタックデベロッパー

Ahmadは、C#、Python、およびウェブ技術に強い基盤を持つフルスタック開発者です。彼はスケーラブルなソフトウェアソリューションの構築に深い関心を持ち、デザインと機能が実際のアプリケーションでどのように融合するかを探求することを楽しんでいます。

Iron Softwareチームに参加する前、Ahmadは自動化プロジェクトやAPI統合に取り組み、パフォーマンスの向上と開発者の体験向上に注力してきました。

彼の自由時間には、UI/UXのアイデアを試したり、オープンソースツールに貢献したり、時折テクニカルライティングやドキュメンテーションに取り組んで、複雑なトピックを理解しやすくすることを目指しています。

準備はできましたか?
Nuget ダウンロード 55,860 | バージョン: 2025.12 リリース