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辺を囲む均一な空白の境界線を定義する1つの整数を受け入れます。

この例では、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");
Imports IronQr
Imports IronSoftware.Drawing

Dim styleOptions As New QrStyleOptions With {
    .Margins = 40
}

Dim url As String = "https://ironsoftware.com/csharp/qr/"

' Create QR code
Dim qr As QrCode = QrWriter.Write(url)

' Save QR code as a bitmap using the style options
Dim qrImage As AnyBitmap = qr.Save(styleOptions)

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

出力

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

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

非対称レイアウトには、QrStyleOptions内のMarginTopMarginBottomMarginLeftMarginRightプロパティを使用してください。 これにより、クワイエットゾーンの各側面を独立して正確に制御することができます。

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

: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");
Imports IronQr
Imports IronSoftware.Drawing

' Configure QR code styling with individual margins and background color
Dim combinedOptions As New QrStyleOptions With {
    .Dimensions = 400,
    .MarginTop = 50,
    .MarginBottom = 50,
    .MarginLeft = 20,
    .MarginRight = 20,
    .BackgroundColor = IronSoftware.Drawing.Color.LightYellow
}

Dim url As String = "https://ironsoftware.com/"

' Generate QR code from URL
Dim qrCombined As QrCode = QrWriter.Write(url)

' Apply styling options and export as bitmap
Dim qrCombinedImage As AnyBitmap = qrCombined.Save(combinedOptions)

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

出力

ご覧のように、縦の余白は横の余白よりも目に見えて大きくなっています。

選択的マージン間隔.

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

クワイエットゾーンQRコード
選択的マージンスペース

よくある質問

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

余白は、クワイエットゾーンとも呼ばれ、QRコードを囲む余白のことです。読みやすさを向上させ、スキャン機器がコードを簡単に認識できるようにします。

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

余白は、近くの視覚要素がコードの可読性を妨げるのを防ぐバッファゾーンを提供することによって、スキャンデバイスがQRコードを正しく読み取れるようにするのに役立ちます。

C#でQRコードに余白を付けるには?

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

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

IronQRでは、`MarginTop`、`MarginBottom`、`MarginLeft`、`MarginRight`のようなプロパティを使用して、QRコードの各辺に異なるマージンを適用し、左右非対称のレイアウトにすることができます。

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

IronQRの`QrStyleOptions`クラスでは、QRコードの外観をカスタマイズすることができ、プロフェッショナルなレイアウトのためのマージンや寸法、その他のスタイリングオプションを設定することができます。

余白を追加したQRコードを画像として保存する方法を教えてください。

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

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

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

IronQRでQRコードの背景色を設定できますか?

IronQRではQRコードの背景色を設定することができます。

IronQRを使ってQRコードを保存できるファイル形式は?

IronQRを使えば、QRコードをPNGなどの様々な画像ファイルとして保存することができます。

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

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

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

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

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