uToolGo Kleine Werkzeuge, Große Wirkung

Professioneller QR-Code-Generator

Generieren Sie QR-Codes direkt im Browser lokal. Unterstützt werden Stile (Formen/Positionsmarker), Farbverläufe, Logos, Rahmen und das Teilen. Daten werden nicht hochgeladen, es ist dauerhaft kostenlos und ohne Wasserzeichen.

Dauerhaft kostenlos Ohne Wasserzeichen Reine lokale Generierung PNG / SVG

QR-Code-Generator

Schnelle Stilvorlagen Mit einem Klick anwenden und später in den Stil-Einstellungen feinabstimmen
Stileinstellungen
Rahmen
Erweiterte Einstellungen
Gradient
Logo
Nur im PNG-Modus unterstützt. Das Bild wird lokal verarbeitet und nicht hochgeladen.
logo preview
Hinweis: Die Stile gelten nur für PNG-Canvas. Die benutzerdefinierte SVG-Renderung kommt bald.
Vorschau
Nach Eingabe oder Änderung des Inhalts und der Stile wird automatisch eine Vorschau angezeigt.

Die heruntergeladenen Bilder haben keine Wasserzeichen, und das Tool kann dauerhaft kostenlos verwendet werden.

Nutzungsanleitung

  • Wählen Sie den Typ (URL, Text, WiFi, vCard, SMS, E-Mail) aus und geben Sie oder fügen Sie den Inhalt ein.
  • Passen Sie die Größe, den Randabstand, die Farben, die Fehlerkorrekturstufe sowie die Stile (Formen/Positionsmarker), Farbverläufe, Logos, Rahmen usw. an.
  • Wählen Sie das PNG- oder SVG-Format aus.
  • Der QR-Code wird automatisch generiert. Wenn alles bereit ist, können Sie ihn „herunterladen“ oder „kopieren“.
  • Wenn Sie ein Logo oder komplexe Stile verwenden, empfehlen wir, die Fehlerkorrektur auf H zu erhöhen und ausreichend Ruhezonen (leere Ränder) vorzusehen.
  • Bei der Verwendung für Druck oder Präsentation stellen Sie sicher, dass es einen hohen Kontrast zwischen Vordergrund und Hintergrund gibt und vermeiden Sie zu kleine Größen und übermäßige Verzerrungen.

Funktionsmerkmale

  • Reine Frontend-Generierung (kein Hochladen)
  • Unterstützung von PNG- und SVG-Ausgabe
  • Anpassbare Stile: Formen, Positionsmarker, abgerundete Ecken, Abstände
  • Farbverläufe (mehrere Farben, mehrere Richtungen)
  • Logo-Überlagerung (optional automatische Erhöhung der Fehlerkorrekturstufe)
  • Rahmen und Umrandungen (Kartenstil mit abgerundeten Ecken)
  • Teilen und Zwischenablage (Link/Bild)
  • Mehrsprachige Unterstützung und Themes

Was sind Finder-Muster?

Die drei großen Quadrate in den Ecken eines QR-Codes heißen Finder-Muster. Sie helfen der Kamera, die Position und den Winkel des QR-Codes schnell zu bestimmen, um so Korrekturen und die Dekodierung zu ermöglichen. Sie haben normalerweise eine 7×7-Modulstruktur mit alternierenden schwarzen und weißen Feldern (außen schwarz, innen weiß, Mitte schwarz).

  • Funktion: Schnelle Positionsbestimmung, Rotations- und Perspektivwinkel-Korrektur.
  • Stil: Dieses Tool unterstützt die Darstellung von Finder-Mustern in Rechteck-, abgerundeten Ecken- und "Kreispunkt-Stil" (wählbar unter Stil → Finder).

Wer hat den QR-Code erfunden?

Der QR-Code (Quick Response-Code) wurde 1994 von dem Ingenieur Masahiro Hara der japanischen Firma Denso Wave erfunden. QR steht für "Quick Response".

  • Erfindungsmotivation: Verbesserung der Erkennungsgeschwindigkeit in der Automobilteilproduktion und Überwindung der Kapazitäts- und Lesegeschwindigkeitsbeschränkungen von eindimensionalen Barcodes.
  • Entwurfsinspiration: Die weißen und schwarzen Steine im Go-Spiel und Matrixmuster haben zu dem robusten Design mit "Modulen + Positionsmustern" geführt.
  • Warum keine Lizenzgebühren?: Denso Wave besitzt das Markenzeichen und einige Patente, hat aber die kostenlose Nutzung explizit freigegeben, um die Verbreitung des Ökosystems zu fördern (kommerzielle Nutzung ist erlaubt, keine Lizenzgebühren).

Normen und Nutzungsempfehlungen

  • Internationaler Standard: ISO/IEC 18004 (QR Code 2D Symbol Specification), der Versionen, Masken, Fehlerkorrektur und die graphische Struktur definiert.
  • Fehlerkorrekturstufe: Vier Stufen L/M/Q/H (etwa 7%/15%/25%/30% Wiederherstellung), für das Überlagern von Logos wird eine höhere Stufe empfohlen.
  • Encodierter Inhalt: Text, URLs, vCards, Wi-Fi usw. Bitte befolgen Sie die entsprechenden URI- oder Datenformat-Normen (z.B. WIFI:T:WPA;S:SSID;P:PASS;;).
  • Druck und Anzeige: Stellen Sie einen ausreichenden Kontrast zwischen Vorder- und Hintergrund und genügend Ruhezonen sicher; vermeiden Sie Überverzerrung, zu kleine Größen und zu dichtes Muster.
  • Barrierefreiheit: In kritischen Situationen wird die Bereitstellung eines alternativen Textes oder Links empfohlen, um den QR-Code nicht als einzigen Zugangspunkt zu verwenden.

QR-Codes mit Programmiersprachen generieren

Hier sind die einfachsten Beispiele für gängige Programmiersprachen, die für Einsteiger und als Vorlage geeignet sind:

JavaScript（Node/Browser）
// 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 });
Python
# pip install qrcode[pil]
import qrcode
img = qrcode.make('https://example.com')
img.save('qrcode.png')
PHP
// 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
// 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")
}
Java
// 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"));
  }
}
Rust
// 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: Die unterstützten Stiloptionen variieren stark zwischen verschiedenen Bibliotheken. Für erweiterte Stile (Kreispunkte, Farbverläufe, Finder-Muster-Stile, Rahmen usw.) können Sie im Tool PNG- oder SVG-Dateien generieren und direkt verwenden.

Toolsuchfunktion →