Wie man QR-Codes Ränder hinzufügt

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

Die korrekte Skalierung eines QR-Codes ist ein entscheidender Schritt, um in der Markenwerbung ein Gleichgewicht zwischen visueller Wirkung und technischer Lesbarkeit zu schaffen. Um dies zu erreichen, verbessert die Verwendung von Rändern (oft auch "Ruhezonen" genannt) die Lesbarkeit des QR-Codes und stellt sicher, dass Scangeräte den Code auch in unterschiedlichen Layouts korrekt erkennen. Spezifische Anpassungen an Breite, Höhe und Gesamtgröße beeinflussen direkt das endgültige Ausgabeverhältnis und die visuelle Darstellung.

Dieser Leitfaden zeigt, wie Sie mit IronQR mithilfe von Rändern Ihren QR-Code effektiv skalieren und einrahmen können, um eine perfekte Anpassung an jedes professionelle Layout zu gewährleisten.

Hinzufügen von Rändern zum QR-Code

Eine geeignete Ruhezone lässt sich durch die Konfiguration der Margins Eigenschaft innerhalb der Klasse QrStyleOptions einrichten. Diese Eigenschaft akzeptiert eine einzelne ganze Zahl, 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 dann 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");
$vbLabelText   $csharpLabel

Ausgabe

QR-Code für die Ruhezone

Hinzufügen von Rändern zu bestimmten Seiten

Für asymmetrische Layouts verwenden Sie die Eigenschaften MarginTop , MarginBottom , MarginLeft und MarginRight innerhalb von QrStyleOptions . Dies ermöglicht eine präzise und unabhängige Steuerung jeder Seite der Ruhezone.

In diesem Beispiel werden für jeden Rand benutzerdefinierte Werte zusammen mit spezifischen Abmessungen und einer Hintergrundfarbe 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");
$vbLabelText   $csharpLabel

Ausgabe

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

Selektiver Randabstand

Generierte QR-Codes mit zusätzlichen Rändern

QR-Code für die Ruhezone
Selektiver Randabstand

Häufig gestellte Fragen

Was sind Ränder bei einem QR-Code?

Ränder, auch als Ruhezonen bezeichnet, sind die leeren Bereiche um einen QR-Code herum. Sie verbessern die Lesbarkeit und stellen sicher, dass Scanner den Code problemlos erkennen können.

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

Ränder tragen dazu bei, dass Scangeräte den QR-Code korrekt lesen können, indem sie eine Pufferzone bieten, die verhindert, dass nahegelegene visuelle Elemente die Lesbarkeit des Codes beeinträchtigen.

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

In C# können Sie mithilfe der IronQR-Bibliothek Ränder um einen QR-Code hinzufügen. Durch Konfigurieren der `Margins`-Eigenschaft in der `QrStyleOptions`-Klasse können Sie einen einheitlichen, leeren Rahmen um den QR-Code definieren.

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

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.

Welchen Zweck hat die Klasse `QrStyleOptions` in IronQR?

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

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

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

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

IronQR bietet eine einfache und effiziente Möglichkeit, QR-Code-Ränder und andere Stiloptionen in C# anzupassen und so eine perfekte Anpassung an jedes professionelle oder markenspezifische Layout zu gewährleisten.

Kann man in IronQR eine Hintergrundfarbe für QR-Codes festlegen?

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

In welchen Dateiformaten kann ich QR-Codes mit IronQR speichern?

Mit IronQR können Sie QR-Codes in verschiedenen Bilddateitypen wie PNG speichern und so vielseitig in unterschiedlichen Anwendungen und Plattformen einsetzen.

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 55,860 | Version: 2025.12 gerade veröffentlicht