Ränder zu QR-Codes hinzufügen

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

Die korrekte Skalierung eines QR-Codes ist ein wichtiger Schritt, um in der Markenwerbung ein Gleichgewicht zwischen visueller Wirkung und technischer Lesbarkeit herzustellen. Um dies zu erreichen, verbessert die Verwendung von Rändern (oft als "Ruhezonen" bezeichnet) die Lesbarkeit von QR-Codes und stellt sicher, dass Scan-Geräte den Code innerhalb eines einzigartigen Layouts korrekt erkennen. Spezifische Anpassungen der Breite, Höhe und des Gesamtmaßstabs haben direkten Einfluss auf das endgültige Ausgabeverhältnis und die visuelle Darstellung.

Dieser Leitfaden zeigt, wie Sie mit IronQR die Größe und den Rahmen Ihres QR-Codes mit Hilfe von Rändern effektiv anpassen können, um eine perfekte Anpassung an jedes professionelle Layout zu gewährleisten.

Ränder zum QR-Code hinzufügen

Die Einrichtung einer angemessenen Ruhezone kann durch die Konfiguration der Eigenschaft Margins innerhalb der Klasse QrStyleOptions erreicht werden. Diese Eigenschaft akzeptiert eine einzelne Ganzzahl, die einen einheitlichen leeren Rand um alle vier Seiten des QR-Codes definiert.

In diesem Beispiel definieren wir eine Stilkonfiguration mit einem Rand von 40 Pixeln, wenden diese Einstellungen während des Rendering-Prozesses auf den QR-Code an und speichern das resultierende Bild als PNG-Datei.

: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

Ausgabe

Quiet Zone QR-Code

Einfügen von Rändern an bestimmten Seiten

Für asymmetrische Layouts verwenden Sie die Eigenschaften MarginTop, MarginBottom, MarginLeft und MarginRight in QrStyleOptions. Dies ermöglicht eine präzise und unabhängige Kontrolle über jede Seite der Ruhezone.

In diesem Beispiel werden für jeden Rand neben spezifischen Abmessungen und einer Hintergrundfarbe auch benutzerdefinierte Werte definiert.

: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

Ausgabe

Wie Sie sehen können, sind die vertikalen Ränder deutlich größer als die horizontalen Seiten.

Selektive Randabstände

Generierte QR-Codes mit zusätzlichen Rändern

Quiet Zone QR-Code
Selektive Randabstände

Häufig gestellte Fragen

Was sind Ränder in einem QR-Code?

Ränder, auch als Ruhezonen bezeichnet, sind die Leerräume, die einen QR-Code umgeben. Sie tragen dazu bei, die Lesbarkeit zu verbessern und sicherzustellen, dass Scan-Geräte den Code leicht erkennen können.

Wie wirken sich die Ränder auf das Scannen von QR-Codes aus?

Die Ränder tragen dazu bei, dass Scan-Geräte den QR-Code korrekt lesen können, indem sie eine Pufferzone bilden, die verhindert, dass nahe gelegene visuelle Elemente die Lesbarkeit des Codes beeinträchtigen.

Wie kann ich in C# Ränder zu einem QR-Code hinzufügen?

Mit der IronQR-Bibliothek können Sie einem QR-Code in C# Ränder hinzufügen. Durch die Konfiguration der Eigenschaft `Margins` innerhalb der Klasse `QrStyleOptions` können Sie einen einheitlichen leeren Rand um den QR-Code definieren.

Kann ich für jede Seite eines QR-Codes unterschiedliche Ränder verwenden?

Ja, mit IronQR können Sie Eigenschaften wie `MarginTop`, `MarginBottom`, `MarginLeft` und `MarginRight` verwenden, um für asymmetrische Layouts unterschiedliche Ränder auf jede Seite des QR-Codes anzuwenden.

Was ist der Zweck der Klasse `QrStyleOptions` in IronQR?

Mit der Klasse `QrStyleOptions` in IronQR können Sie das Aussehen Ihres QR-Codes anpassen, einschließlich der Einstellung von Rändern, Abmessungen und anderen Styling-Optionen für ein professionelles Layout.

Wie kann ich einen QR-Code mit zusätzlichen Rändern als Bild speichern?

Nachdem Sie Ihren QR-Code mit IronQR mit den gewünschten Rändern konfiguriert haben, können Sie ihn rendern und als Bilddatei, z. B. als PNG, zur externen Verwendung speichern.

Warum sollte ich IronQR für das Hinzufügen von QR-Code-Rändern verwenden?

IronQR bietet eine einfache und effiziente Möglichkeit, die Ränder von QR-Codes und andere Styling-Optionen in C# anzupassen, um eine perfekte Anpassung an jedes professionelle oder markenbezogene Layout zu gewährleisten.

Ist es möglich, in IronQR eine Hintergrundfarbe für QR-Codes festzulegen?

Ja, IronQR ermöglicht es Ihnen, eine Hintergrundfarbe für QR-Codes festzulegen, um die visuelle Attraktivität zu erhöhen und gleichzeitig die Lesbarkeit zu erhalten.

Als welche Dateitypen kann ich QR-Codes mit IronQR speichern?

Mit IronQR können Sie QR-Codes als verschiedene Bilddateitypen, wie z. B. PNG, speichern, um sie vielseitig in verschiedenen Anwendungen und Plattformen zu verwenden.

Ahmad Sohail
Full-Stack-Entwickler

Ahmad ist ein Full-Stack-Entwickler mit einer soliden Grundlage in C#, Python und Webtechnologien. Er hat ein großes Interesse am Aufbau skalierbarer Softwarelösungen und genießt es, zu erkunden, wie Design und Funktionalität in realen Anwendungen aufeinandertreffen.

Bevor er dem Iron Software Team beitrat, arbeitete ...

Weiterlesen
Bereit anzufangen?
Nuget Downloads 58,270 | Version: 2026.2 gerade veröffentlicht