Wie man einen QR-Code aus einem Bild auf dem iPhone öffnet (Anfängertutorial)

Was ist ein QR-Code und wie funktionieren QR-Codes

Ein QR-Code (kurz für schneller Antwortcode) ist eine zweidimensionale Matrix aus schwarzen und weißen Quadraten, die Informationen in einem Muster speichert, welches eine Smartphone-Kamera sofort lesen kann. Denso Wave, ein japanischer Automobilhersteller, hat den QR-Code 1994 erfunden, ursprünglich um Autoteile auf Fertigungslinien zu verfolgen. Heute erstrecken sich QR-Code-Arten über URLs, Klartext, E-Mail-Adressen, Telefonnummern, WLAN-Zugangsdaten, vCards, Kalendereinträge und mehr.

Wenn jemand eine Kamera-App oder einen QR-Code-Scanner auf einen QR-Code richtet, liest das Gerät das Quadratmuster, dekodiert die eingebetteten Daten und führt die entsprechende Aktion aus. Bei einem URL-QR-Code öffnet das Handy den Link. Bei einem WiFi-QR-Code treten andere mobile Geräte automatisch dem Netzwerk bei. Bei einem vCard-QR-Code werden die Kontaktdaten direkt im Adressbuch gespeichert.

QR-Codes laufen niemals ab und sind so lange gültig, wie der Link oder der Inhalt, auf den sie verweisen, aktiv bleibt. Ein statischer QR-Code, der auf eine aktive Website verweist, wird Jahre nach seiner Erstellung korrekt gescannt. Der Unterschied zwischen statischen und dynamischen Codes betrifft die Bearbeitbarkeit, nicht die Lebensdauer.

Static QR Codes vsDynamischQR Codes

Das Verständnis von QR-Code-Arten vor der Erstellung hilft zu vermeiden, Codes zu erstellen, die später ersetzt werden müssen.

Statische QR-Codes codieren Daten direkt in das Quadratmuster. Sobald sie erzeugt werden, ist der Inhalt festgelegt und kann nicht geändert werden. Wenn der Link bricht oder das Ziel aktualisiert werden muss, muss ein neuer QR-Code generiert und neu gedruckt werden. Statische QR-Codes sind ideal für dauerhafte Inhalte wie eine Unternehmenswebsite, ein Produktmanual-PDF oder Kontaktdaten, die sich selten ändern. Sie sind kostenlos zu erstellen und haben kein Scanlimit.

Dynamische QR-Codes speichern eine kurze Weiterleitungs-URL im Muster anstelle des endgültigen Ziels. Der tatsächliche Link wird auf einem Server gespeichert und kann in Echtzeit geändert werden, ohne den gedruckten QR-Code zu ändern. Dynamische Codes bieten zusätzliche Funktionen wie das Verfolgen von Scandaten, Analysen, A/B-Tests verschiedener Landingpages und geplante Weiterleitungen. Für Teams, die alle Funktionen einschließlich Echtzeit-Bearbeitung, Scan-Dashboards und Kampagnenberichte benötigen, lohnt sich ein dynamischer QR-Code-Plan die Abonnementkosten. Sie sind beliebt in mobilen Marketingkampagnen, bei denen der gewünschte Inhalt saisonal geändert werden muss oder bei denen es wertvoll ist, zu wissen, wie viele Scans an einem bestimmten Flyer erfolgt sind.

Dynamische Codes erfordern ein Konto bei einem QR-Code-Generator-Dienst und kommen normalerweise mit einer Abonnementgebühr. Für einmalige persönliche Anwendungen sind statische Codes die einfachere und völlig kostenlose Wahl.

Methode 1: Erstellen eines QR-Codes in Ihrem Browser (Keine Tools erforderlich)

Der einfachste Weg, einen QR-Code für eine Webseite zu erzeugen, ist über einen Browser, ohne Software zu installieren oder Konten zu erstellen. Microsoft Edge und Google Chrome haben diese Funktion integriert.

In Google Chrome:

1. Navigieren Sie zu der Webseite, die Sie verlinken möchten.

2. Klicken Sie auf die drei Punkte in der Adressleiste und fahren Sie mit der Maus über die Option "Senden, Speichern und Teilen".

3. Wählen Sie QR-Code erstellen aus dem Dropdown-Menü aus.

4. Ein QR-Code-Bild erscheint. Klicken Sie auf die Herunterladen-Schaltfläche, um es als PNG-Datei zu speichern.

In Microsoft Edge:

1. Navigieren Sie zu der Webseite.
2. Klicken Sie mit der rechten Maustaste irgendwo auf der Seite.
3. Wählen Sie QR-Code für diese Seite erstellen.
4. Scannen Sie die Vorschau mit Ihrem Telefon, um zu bestätigen, dass sie funktioniert, und klicken Sie dann auf Herunterladen.

Im folgenden Screenshot ist das Chrome-Teilen-Menü geöffnet, mit der hervorgehobenen Option QR-Code erstellen, und der generierte qr code erscheint in einem kleinen Panel rechts von der Adressleiste zum Herunterladen bereit.

Alt-Text für Bilder hinzufügen

Alt-Text für Bilder hinzufügen

Wann diese Methode am besten funktioniert: Schnelle einmalige URL-QR-Codes, bei denen keine Anpassung erforderlich ist. Die generierten QR-Codes sind standardmäßig schwarz-weiß ohne Logo- oder Farboptionen. Für alles, was gebrandet oder angepasst werden soll, verwenden Sie Methode 2 oder 3.

Methode 2: Verwenden Sie einen kostenlosen QR-Code-Generator online

Kostenlose QR-Code-Generator-Websites lassen Sie QR-Codes für URLs, Text, E-Mail, Telefonnummern, WiFi-Zugangsdaten und vCards erstellen, ohne Software. Die meisten erlauben es Ihnen, Ihren QR-Code im PNG-, JPEG-, SVG-Dateiformat oder PDF-Format herunterzuladen. Sie können Beispiele für jeden Typ direkt auf der Generator-Website suchen, bevor Sie sich für ein Design entscheiden.

QR-Code Monkey (qrcode-monkey.com): Eines der beliebtesten kostenlosen QR-Code-Generator-Tools. Es unterstützt vollfarbige Anpassung, Logo-Uploads und SVG-Dateiausgaben neben PNG.

1. Go to qrcode-monkey.com.
2. Wählen Sie Ihren QR-Code-Typ aus dem linken Panel: URL, Text, E-Mail, Telefon, WiFi und mehr.
3. Geben Sie den Inhalt in das Eingabefeld ein. Für einen URL-QR-Code fügen Sie Ihre vollständigeURLeinschließlich https:// ein.
4. Passen Sie Farben an, fügen Sie ein Logo hinzu oder passen Sie das Design im unteren Panel an.
5. Klicken Sie auf QR-Code erstellen.
6. Klicken Sie auf die Herunterladen-Schaltfläche, um Ihr QR-Code-Bild im gewählten Format zu speichern.

QR Code Generator (qr-code-generator.com): Ein kostenloser QR-Code-Generator mit sowohl statischen als auch dynamischen QR-Code-Optionen. Die kostenlose Stufe unterstützt statische QR-Codes mit grundlegender Anpassung. Dynamische Codes und erweiterte Analysen erfordern einen kostenpflichtigen Plan.

GoQR (goqr.me): Ein schneller, schnörkelloser kostenloser QR-Code-Generator. Geben Sie IhreURLoder Ihren Text ein, laden Sie das QR-Code-Bild im PNG- oder SVG-Format herunter, und Sie sind fertig. Keine Anmeldung für die kostenlose Version erforderlich.

Im folgenden Screenshot ist QR Code Monkey in einem Browser geöffnet, mit einerURLim Eingabefeld eingegeben und der generierte QR-Code wird auf der rechten Seite der Seite angezeigt.

Alt-Text für Bilder hinzufügen

In das richtige Format herunterladen: Sobald ein QR-Code erzeugt wurde, kann er in verschiedenen Formaten wie PNG, JPEG oder PDF heruntergeladen werden, was ein einfaches Teilen und Drucken ermöglicht. Die QR-Code-Download-Option bei den meisten Generatoren lässt Sie auch die Auflösung vor dem Speichern auswählen. Die meisten QR-Code-Generatoren unterstützen PNG für die digitale Nutzung und SVG für den Druck. SVG-Dateien sind vektor-basiert und lassen sich auf jede Größe vergrößern, ohne an Schärfe zu verlieren, was sie zur richtigen Wahl für den Druck von QR-Codes auf Flyern, Bannern und Verpackungen macht. PNG ist für die digitale Verwendung auf Websites und Präsentationen geeignet. Ein QR-Code, der in hoher Auflösung erzeugt wurde, wird im Laufe seiner Lebensdauer mehr Scans erzeugen, da er bei jeder Druckgröße, auf jedem Material und aus jeder angemessenen Scanentfernung klar bleibt. Für kommerzielle Zwecke wie Produktverpackungen oder Point-of-Sale-Displays immer in der höchstmöglichen Auflösung exportieren und das Ergebnis auf gedruckter Form überprüfen, bevor es endgültig festgelegt wird.

Methode 3: Erstellen Sie einen benutzerdefinierten QR-Code mit Logo und Farben

Ein benutzerdefinierter QR-Code mit Ihren Markenfarben und Ihrem Unternehmenslogo erhöht das Kundenengagement, da er beabsichtigt aussieht, anstatt generisch zu sein. Für einen Code-Ansatz zeigt die IronQR-Anleitung zur Erstellung von QR-Code-Bildern, wie man Logos und benutzerdefinierte Farben programmgemäß in C# hinzufügt. Hier erfahren Sie, wie Sie einen QR-Code richtig mit einem Generator anpassen.

Ein Logo hinzufügen:

1. Suchen Sie in Ihrem gewählten QR-Code-Generator nach einem Logo- oder Bild-Upload-Bereich.
2. Laden Sie eine PNG- oder SVG-Version Ihres Logos hoch. Quadratische Logos funktionieren am besten.
3. Der Generator platziert das Logo in der Mitte des QR-Code-Musters.
4. Überprüfen Sie, ob der QR-Code nach dem Hinzufügen des Logos noch korrekt gescannt wird. Das Hinzufügen eines Logos deckt einen Teil des Musters ab, daher verwendet der Generator Fehlerkorrektur, um die Lesbarkeit zu erhalten.

Farben ändern: Verwendung von kontrastierenden Farben für den Vorder- und Hintergrund eines QR-Codes ist essenziell, um sicherzustellen, dass er scannbar bleibt. Dunkler Vordergrund auf hellem Hintergrund funktioniert immer. Heller Vordergrund auf dunklem Hintergrund kann funktionieren, muss aber sorgfältig getestet werden. Verwenden Sie niemals Vordergrund- und Hintergrundfarben mit ähnlicher Helligkeit, da die Kamera-App Schwierigkeiten haben wird, die Quadrate zu unterscheiden.

Die Vordergrundfarbe wählen: Halten Sie die Vordergrundfarbe dunkel genug, um genügend Kontrast gegen den Hintergrund zu bieten. Dunkelblau, Dunkelgrün, Dunkelrot und Schwarz funktionieren zuverlässig. Vermeiden Sie Gelb, Hellgrau oder Pastelltöne für den Vordergrund, da diese unzureichenden Kontrast erzeugen und QR-Codes, die inkonsistent scannen, erzeugen.

Im folgenden Screenshot wird ein benutzerdefinierter QR-Code mit einem dunkelblauen Vordergrund und einem kleinen Firmenlogo in der Mitte angezeigt. Der QR-Code wurde verifiziert, indem er mit einer Smartphone-Kamera-App gescannt und die Ziel-URL korrekt angezeigt wurde.

Alt-Text für Bilder hinzufügen

Mindestgröße für den Druck: Die Mindestgröße für einen QR-Code sollte mindestens 0,4 Zoll mal 0,4 Zoll betragen, um sicherzustellen, dass er aus kurzer Entfernung leicht gescannt werden kann. Eine ideale Größe wäre etwa 3 bis 4 Zoll im Quadrat für Druckmaterialien wie Flyer und Poster.

Methode 4: Spezialisierte QR-Codes erstellen (WiFi, vCard, Landing Page)

Dedizierte Websites können für spezielle Bedürfnisse wie das Teilen von WiFi-Zugangsdaten, vCards oder das Verfolgen von Scan-Daten genutzt werden. Jeder QR-Code-Typ kodiert seinen Inhalt unterschiedlich.

WiFi QR-Code: Ein WiFi-QR-Code ermöglicht es anderen mobilen Geräten, ein Netzwerk durch Scannen anstelle der Eingabe eines Passworts beizutreten. Die meisten kostenlosen QR-Code-Generator-Websites unterstützen dies.

1. Wählen Sie WiFi als Inhaltstyp aus.
2. Geben Sie den Netzwerknamen (SSID), das Passwort und den Sicherheitstyp (WPA/WPA2 oder WEP) ein.
3. Generieren und laden Sie den QR-Code herunter.
4. Platzieren Sie ihn in der Nähe Ihres Routers oder auf einer Willkommenskarte, damit Gäste ihn mit einem Mobiltelefon scannen und sich verbinden können.

vCard QR-Code: Kodiert Ihre Kontaktdaten (Name, E-Mail, Telefon, Adresse, Website) in einem Format, das Smartphones direkt in ihre Kontakte-App importieren können.

1. Wählen SievCardoder Kontakt als Inhaltstyp aus.
2. Füllen Sie alle Kontaktfelder aus, die Sie teilen möchten.
3. Erstellen Sie den QR-Code. Beim Scannen auf einem modernen Smartphone wird der Kontakt automatisch hinzugefügt.

Landing Page QR-Code: Für Kampagnen, bei denen Sie den Traffic auf eine spezielle Zielseite lenken und die Anzahl der Scans verfolgen möchten, verwenden Sie einen dynamischen QR-Code. Dienste wie Bitly und QR Code Generator Pro ermöglichen es Ihnen, einen dynamischen QR-Code zu erstellen, der auf eine Landing Page verweist und ein Scan-Dashboard bereitstellt.

Im unten stehenden Screenshot wird ein WiFi-QR-Code neben den Netzwerkname- und Passwortfeldern angezeigt, die zur Generierung verwendet wurden. Ein Smartphone wird gezeigt, wie es den Code scannt und die Aufforderung 'Netzwerk beitreten' erscheint.

Alt-Text für Bilder hinzufügen

Methode 5: Testen Sie, bevor Sie drucken

Scannen Sie Ihren QR-Code immer mit einem Telefon, um sicherzustellen, dass er funktioniert, bevor Sie drucken. Dieser eine Schritt verhindert den häufigsten und teuersten QR-Code-Fehler: das Drucken von Tausenden von Flyern mit einem defekten Code.

Wie man testet:

1. Öffnen Sie die Kamera-App auf Ihrem Smartphone (oder eine spezielle QR-Code-Scanner-App).
2. Richten Sie sie auf den generierten QR-Code auf Ihrem Bildschirm.
3. Warten Sie, bis der Link oder Inhalt als Benachrichtigung oder Overlay angezeigt wird.
4. Tippen Sie auf den Link und überprüfen Sie, ob er die richtige Seite öffnet.

Testen Sie auf mehreren Geräten: Ein QR-Code, der auf einem iPhone gescannt wird, kann gelegentlich auf älteren Android-Handys Probleme haben, wenn der Kontrast zu niedrig oder das Bild zu klein ist. Testen Sie auf mindestens zwei verschiedenen Mobilgeräten, bevor Sie drucken.

Überprüfen Sie die URL: Wenn ein URL-QR-Code gescannt wird, überprüfen Sie, ob die angezeigteURLexakt mit Ihrem gewünschten Ziel übereinstimmt. Überprüfen Sie auf Tippfehler oder fehlendes https:// in der URL. Ein QR-Code, der zu http://example.com und einer, der zu https://example.com führt, sind verschiedene Codes, die auf unterschiedliche Adressen verweisen.

Drucken Sie zuerst eine kleine Testauflage: Bevor Sie sich zu einem vollständigen Drucklauf verpflichten, drucken Sie eine Handvoll Flyer und scannen Sie sie unter den vorgesehenen Lichtverhältnissen. Glänzendes Papier kann Reflexionen verursachen, die die Scan-Zuverlässigkeit verringern. Mattes Papier ist im Allgemeinen besser scannbar.

Best Practices für die Erstellung von QR-Codes

Verwenden Sie hochauflösende Dateien für den Druck: Laden Sie immer die höchstauflösende Version herunter, die Ihr QR-Code-Generator anbietet. Für den Druck verwenden Sie SVG, wenn verfügbar, oder PNG mit mindestens 300 DPI.

Bewahren Sie eine Ruhezone: QR-Codes benötigen einen weißen Rand (genannt Ruhezone) um alle vier Seiten. Schneiden Sie niemals in den Rand. Die meisten Generatoren fügen dies automatisch ein, aber einige Designvorlagen entfernen es, wenn sie den QR-Code in ein Bild integrieren.

Halten Sie genug Kontrast: Dunkles Muster auf weißem oder sehr hellem Hintergrund. Verwenden Sie niemals ein Hintergrundbild direkt hinter einem QR-Code, da es den Kontrast eliminiert und den Code unlesbar macht.

Beschriften Sie den QR-Code: Das Hinzufügen einer kurzen Textzeile unterhalb des QR-Codes, wie 'Scannen, um unsere Website zu besuchen' oder 'Scannen für das Menü', erhöht die Scan-Rate. Menschen sind eher geneigt, QR-Codes zu scannen, wenn sie wissen, was sie erwarten können.

Berücksichtigen Sie den Scan-Abstand: QR-Codes auf einer Visitenkarte werden aus wenigen Zoll gescannt. QR-Codes auf einem Billboard werden aus mehreren Fuß gescannt. Ein QR-Code auf einem Billboard muss viel größer als die Mindestgröße gedruckt werden und sollte ein einfacheres, weniger dichtes Muster verwenden.

QR-Code-Typen auf einen Blick

|Inhaltstyp|Beste Verwendung|Statisch oder Dynamisch| | ---| ---| ---| |URL|Website, Landing Page, soziales Profil|Beides| | Klartext |Anweisungen, kurze Nachrichten| Static | |WiFi-Zugangsdaten|Netzwerkfreigabe für Gäste| Static | |vCard|Visitenkarte, Kontaktfreigabe| Static | | E-Mail |Vorausgefüllte E-Mail-Entwürfe| Static | |Telefonnummer|Klick-zu-Anruf auf Druckmaterialien| Static | |App-Store-Link|App-Installationen von Flyern fördern|Dynamisch (für Tracking)| |Kampagnen-Tracking|Mobiles Marketing mit Scan-Analytik|Dynamisch|

Für Entwickler: QR-Codes programmatisch mit IronQR erzeugen

Wenn Ihre Anwendung automatisch QR-Codes generieren muss, sei es für Rechnungen, Tickets, Produktetiketten oder Benutzerkonten, ist das manuelle Erstellen über einen Web-Generator nicht skalierbar. IronQR ist eine .NET-Bibliothek, die QR-Codes in C# mit einem einzigen Methodenaufruf generiert und liest. Es ist kein weiteres Codieren erforderlich, außer der Installation des Pakets, und es werden weder Microsoft Office noch externe Abhängigkeiten benötigt.

So erzeugen Sie einen grundlegenden QR-Code und einen benutzerdefinierten QR-Code mit IronQR in C#:

using IronQr;
using IronSoftware.Drawing;
// Generate a basicURLQR code and save as PNG
QrCode myQr = QrWriter.Write("https://ironsoftware.com/csharp/qr/");
AnyBitmap qrImage = myQr.Save();
qrImage.SaveAs("url-qr-code.png");
// Generate a QR code with custom styling
QrOptions options = new QrOptions(QrErrorCorrectionLevel.High);
QrCode customQr = QrWriter.Write("https://ironsoftware.com/", options);
QrStyleOptions style = new QrStyleOptions
{
    Dimensions = 500,           // 500x500 pixels
    Color = Color.DarkBlue,     // Dark blue foreground
    BackgroundColor = Color.White,
    Logo = new QrLogo          // Add company logo to center
    {
        Bitmap = AnyBitmap.FromFile("company-logo.png"),
        Width = 100,
        Height = 100
    }
};
AnyBitmap styledQr = customQr.Save(style);
styledQr.SaveAs("custom-branded-qr.png");

using IronQr;
using IronSoftware.Drawing;
// Generate a basicURLQR code and save as PNG
QrCode myQr = QrWriter.Write("https://ironsoftware.com/csharp/qr/");
AnyBitmap qrImage = myQr.Save();
qrImage.SaveAs("url-qr-code.png");
// Generate a QR code with custom styling
QrOptions options = new QrOptions(QrErrorCorrectionLevel.High);
QrCode customQr = QrWriter.Write("https://ironsoftware.com/", options);
QrStyleOptions style = new QrStyleOptions
{
    Dimensions = 500,           // 500x500 pixels
    Color = Color.DarkBlue,     // Dark blue foreground
    BackgroundColor = Color.White,
    Logo = new QrLogo          // Add company logo to center
    {
        Bitmap = AnyBitmap.FromFile("company-logo.png"),
        Width = 100,
        Height = 100
    }
};
AnyBitmap styledQr = customQr.Save(style);
styledQr.SaveAs("custom-branded-qr.png");

Imports IronQr
Imports IronSoftware.Drawing

' Generate a basic URL QR code and save as PNG
Dim myQr As QrCode = QrWriter.Write("https://ironsoftware.com/csharp/qr/")
Dim qrImage As AnyBitmap = myQr.Save()
qrImage.SaveAs("url-qr-code.png")

' Generate a QR code with custom styling
Dim options As New QrOptions(QrErrorCorrectionLevel.High)
Dim customQr As QrCode = QrWriter.Write("https://ironsoftware.com/", options)
Dim style As New QrStyleOptions With {
    .Dimensions = 500,           ' 500x500 pixels
    .Color = Color.DarkBlue,     ' Dark blue foreground
    .BackgroundColor = Color.White,
    .Logo = New QrLogo With {    ' Add company logo to center
        .Bitmap = AnyBitmap.FromFile("company-logo.png"),
        .Width = 100,
        .Height = 100
    }
}
Dim styledQr As AnyBitmap = customQr.Save(style)
styledQr.SaveAs("custom-branded-qr.png")

QrWriter.Write() akzeptiert jeden String: URLs, Klartext, WiFi-Zugangsdaten im Standardformat, vCard-Strings oder andere Inhalte, die Sie kodieren möchten. Die Einstellung QrErrorCorrectionLevel.High sorgt dafür, dass der QR-Code selbst dann scannbar bleibt, wenn bis zu 30% des Musters durch ein Logo verdeckt sind.

IronQR liest auch QR-Codes aus Bildern, was für Anwendungen nützlich ist, die generierte QR-Codes programmatisch überprüfen oder von Benutzern eingereichte QR-Code-Bilder verarbeiten müssen. Für die gesamte API-Referenz siehe die IronQR-Tutorial-Seite und die QR-Code-Bild erstellungsanleitung.

Erste Schritte: Installieren Sie das Paket über NuGet mit Install-Package IronQR und starten Sie Ihre kostenlose Testversion, um es in Ihrer Umgebung zu testen. IronQR runs on .NET 6+ and is compatible with Windows, Linux, macOS, Docker, Azure, and AWS.

Zusammenfassung

Die Erstellung eines QR-Codes ist unabhängig von Ihrem technischen Level ein unkomplizierter Prozess. Für einen schnellen Einmal-Code können Sie dies in Ihrem Browser mit drei Klicks erledigen. Für die Erstellung eines markenspezifischen benutzerdefinierten QR-Codes mit einem Firmenlogo und einer bestimmten Vordergrundfarbe dauert ein kostenloser QR-Code-Generator wie QR Code Monkey nur wenige Minuten und liefert einen hochauflösenden Download. Für laufende Kampagnen, bei denen Sie Feedback zu Scannraten sammeln und das Ziel ändern müssen, ohne neu zu drucken, bieten dynamische QR-Codes von einer speziellen Plattform diese Flexibilität. Für Entwickler, die QR-Codes in großem Umfang innerhalb einer .NET-Anwendung generieren müssen, handhabt IronQR das Erzeugen, benutzerdefinierte Styling und Lesen in einer einzigen Bibliothek.

Die beiden wichtigsten Regeln, unabhängig davon, welche Methode Sie verwenden: Verwenden Sie immer genug Kontrast, damit der QR-Code-Scanner das Muster zuverlässig lesen kann, und scannen Sie QR-Codes immer selbst auf einem echten Mobiltelefon, bevor Sie QR-Codes auf irgendeinem physischen Material drucken. Ein QR-Code, der nicht gescannt wird, ist schlimmer als kein QR-Code überhaupt. Wenn Sie diese beiden Dinge richtig machen, wird Ihr QR-Code das Engagement der Kunden jedes Mal steigern, wenn er vor dem richtigen Publikum platziert wird.