Professioneller QR-Code-Generator
Ein professioneller Online-QR-Code-Generator, der QR-Codes lokal in Ihrem Browser erstellt. Unterstützt verschiedene Inhaltstypen wie URLs, Text, WiFi, vCard, SMS und E-Mail. Bietet umfangreiche Stil-Anpassungsoptionen, einschließlich Formen, Ausrichtungspunkt-Stile, Farbverläufe, Logo-Overlay, Rahmen und Linienstärken. Unterstützung für PNG- und SVG-Ausgabeformat mit Ein-Klick-Download- und Teilen-Funktion. Es werden keine Daten hochgeladen; der Service ist dauerhaft kostenlos und ohne Wasserzeichen. Alle Vorgänge werden lokal im Browser ausgeführt, was Privatsphäre und Sicherheit gewährleistet.
QR-Code-Generator
Die heruntergeladenen Bilder enthalten keine Wasserzeichen, und das Tool kann dauerhaft kostenlos genutzt werden.
Anleitung
- Wählen Sie den Typ (URL, Text, WiFi, vCard, SMS, E-Mail) aus und geben Sie den Inhalt ein oder fügen Sie ihn ein.
- Passen Sie Größe, Rand, Farbe, Fehlerkorrekturstufe sowie Stile (Form/Ausrichtungspunkte), Farbverläufe, Logos, Rahmen usw. an.
- Wählen Sie das Format PNG oder SVG.
- Der QR-Code wird automatisch generiert; Sie können ihn herunterladen oder kopieren, sobald er fertig ist.
- Bei Verwendung eines Logos oder komplexer Stile wird empfohlen, die Fehlerkorrekturstufe auf H zu erhöhen und ausreichend Ruhezone (leere Ränder) zu belassen.
- Für Druck oder Anzeige stellen Sie einen hohen Kontrast zwischen Vorder- und Hintergrund sicher und vermeiden Sie zu kleine Größen sowie übermäßige Verzerrungen.
Funktionen
- Generierung rein auf der Client-Seite (kein Upload)
- Unterstützt PNG- und SVG-Ausgabe
- Anpassbare Stile: Form, Positionspunkte, abgerundete Ecken, Abstände
- Verläufe (mehrere Farben, mehrere Richtungen)
- Logo-Overlay (Option zur automatischen Erhöhung des Fehlerkorrekturlevels)
- Rahmen und Linien (abgerundeter Kartenstil)
- Teilen und Zwischenablage (Links/Bilder)
- Mehrsprachigkeit und Theme-Unterstützung
Was sind Finder-Muster?
Die drei großen Quadrate an den vier Ecken des QR-Codes werden als Finder-Muster bezeichnet. Sie helfen der Kamera, Position und Winkel des QR-Codes schnell zu bestimmen, um Versatzkorrekturen vorzunehmen und den Code zu dekodieren. Sie bestehen normalerweise aus einer 7×7-Modulstruktur (schwarzer Außenring, weißer Innenring, schwarzer Mittelpunkt) mit abwechselnd schwarzen und weißen Farben.
- Funktion: Schnelle Positionierung, Verhindern von Drehungen und perspektivischen Verzerrungen.
- Stile: Dieses Tool unterstützt die Darstellung von Finder-Mustern in quadratischer Form, mit abgerundeten Ecken und im „Punktstil“ (Auswahl unter Stil → Finder).
Wer hat den QR-Code erfunden?
Der QR-Code wurde 1994 von Masahiro Hara, einem Ingenieur bei Denso Wave in Japan, erfunden. QR steht für „Quick Response“.
- Motivation der Erfindung: Verbesserung der Identifikationseffizienz in der Automobilteile-Fertigungslinie und Überwindung der Kapazitäts- und Lesegeschwindigkeitsgrenzen des eindimensionalen Codes.
- Design-Ideen: Die schwarzen und weißen Go-Steine sowie Matrixmuster inspirierten das äußerst robuste Design aus „Modulen + Positionierungsgrafiken“.
- Warum keine Patentgebühren anfallen: Denso Wave besitzt die Marke und einige Patente, erlaubt aber ausdrücklich die kostenlose Nutzung zur Förderung der Ökosystemverbreitung (kommerzielle Nutzung ist ohne Lizenzgebühren möglich).
Normspezifikationen und Verwendungsempfehlungen
- Internationale Norm: ISO/IEC 18004 (QR Code 2D Symbol Specification), definiert Versionen, Masken, Fehlerkorrektur, grafische Strukturen usw.
- Fehlerkorrekturstufe: Vier Stufen: L/M/Q/H (ca. 7%/15%/25%/30% wiederherstellbar). Bei Logo-Overlay wird eine höhere Stufe empfohlen.
- Kodierte Inhalte: Text, URL, vCard, Wi-Fi usw. Es wird empfohlen, die entsprechenden URI-Datenformatspezifikationen einzuhalten (z. B.
WIFI:T:WPA;S:SSID;P:PASS;;). - Druck und Anzeige: Sicherstellen des Kontrasts zwischen Vorder- und Hintergrund sowie der Größe der Ruhezone; übermäßige Verzerrungen, zu kleine Größen und störende dichte Texturen vermeiden.
- Barrierefreiheit: In kritischen Situationen wird empfohlen, alternativen Text/Links bereitzustellen, um zu vermeiden, dass der QR-Code als einziger Einstiegspunkt verwendet wird.
QR-Codes mit Programmiersprachen generieren
Die folgenden sind die einfachsten Beispiele in gängigen Sprachen, geeignet für Anfänger und zum Erstellen von Grundgerüsten:
// Node: npm i qrcode
const QRCode = require('qrcode');
QRCode.toFile('qrcode.png', 'https://example.com', { errorCorrectionLevel: 'M' });
// Browser (Canvas):
// <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/browser.min.js"></script>
QRCode.toCanvas(document.getElementById('canvas'), 'Hello QR', { width: 256 });
# pip install qrcode[pil]
import qrcode
img = qrcode.make('https://example.com')
img.save('qrcode.png')
// composer require endroid/qr-code
use Endroid\QrCode\QrCode;
use Endroid\QrCode\Writer\PngWriter;
$qr = QrCode::create('https://example.com');
$writer = new PngWriter();
$result = $writer->write($qr);
$result->saveToFile(__DIR__.'/qrcode.png');
// go get -u github.com/skip2/go-qrcode
package main
import "github.com/skip2/go-qrcode"
func main() {
qrcode.WriteFile("https://example.com", qrcode.Medium, 256, "qrcode.png")
}
// Maven: com.google.zxing:core, com.google.zxing:javase
// Minimal ZXing example
import com.google.zxing.BarcodeFormat;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.QRCodeWriter;
import com.google.zxing.client.j2se.MatrixToImageWriter;
import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;
public class Main {
public static void main(String[] args) throws Exception {
QRCodeWriter writer = new QRCodeWriter();
BitMatrix matrix = writer.encode("https://example.com", BarcodeFormat.QR_CODE, 256, 256);
BufferedImage image = MatrixToImageWriter.toBufferedImage(matrix);
ImageIO.write(image, "png", new File("qrcode.png"));
}
}
// Cargo.toml
// qrcode = "0.13"
// image = "0.24"
use qrcode::QrCode;
use image::Luma;
fn main() {
let code = QrCode::new("https://example.com").unwrap();
let image = code.render<Luma<u8>>().min_dimensions(256, 256).build();
image.save("qrcode.png").unwrap();
}
Hinweis: Verschiedene Bibliotheken unterscheiden sich erheblich in den unterstützten Styling-Funktionen. Wenn Sie erweiterte Stile benötigen (Punkte, Farbverläufe, Finder-Muster-Stile, Rahmen usw.), können Sie PNG/SVG direkt mit diesem Tool generieren und verwenden.