Professionele QR-code generator

Genereer QR-codes lokaal in de browser. Ondersteuning voor stijlen (vormen/locatiepunten), gradienten, logo's, randen en delen. Gegevens worden niet geüpload, het is voor altijd gratis en zonder watermerk.

Voor altijd gratis Zonder watermerk Alleen lokaal genereren PNG / SVG

QR-code generator

Snel stijlvoorkeuren Pas met één klik toe en verfijn later in de stijlinstellingen
Stijlinstellingen
Rand
Geavanceerde instellingen
Verloop
Logo
Alleen ondersteund in PNG-modus. Afbeeldingen worden lokaal verwerkt en niet geüpload.
logo preview
Tip: Stijlen zijn alleen van toepassing op PNG-canvas. Aangepaste SVG-rendering komt binnenkort.
Voorbeeld
Er wordt automatisch een voorbeeld weergegeven nadat u de inhoud en stijl hebt ingevoerd of gewijzigd.

De gedownloade afbeeldingen hebben geen watermerk, en de tool kan gratis voor altijd worden gebruikt.

Gebruiksaanwijzing

  • Selecteer het type (URL, tekst, WiFi, vCard, sms, e-mail), voer of plak de inhoud in
  • Pas de grootte, marge, kleur, foutcorrectieniveau en stijlen (vormen/locatiepunten), gradienten, logo's, randen, etc. aan
  • Selecteer het PNG- of SVG-formaat
  • De QR-code wordt automatisch gegenereerd; wanneer het klaar is, kunt u 'downloaden' of 'kopiëren'
  • Wanneer u een logo of complexe stijlen gebruikt, raden we aan het foutcorrectieniveau te verhogen naar H en voldoende rustgebieden (lege randen) te reserveren
  • Voor printen/presentatie, zorg ervoor dat er een hoge contrast is tussen de voor- en achtergrond, vermijd te kleine afmetingen en excesieve vervorming

Functiekenmerken

  • Uitsluitend front-end generatie (geen upload)
  • Ondersteuning voor PNG- en SVG-uitvoer
  • Aanpasbare stijlen: vormen, locatiepunten, afgeronde hoeken, spaties
  • Gradienten (meerdere kleuren, meerdere richtingen)
  • Logo's overplaatsen (optioneel automatisch foutcorrectieniveau verhogen)
  • Randen en omlijnen (afgeronde kaartstijl)
  • Delen en klembord (link/afbeelding)
  • Ondersteuning voor meerdere talen en thema's

Wat zijn Finder-punten?

Drie grote vierkanten in de hoeken van de QR-code worden Finder-punten genoemd. Ze helpen de camera de positie en hoek van de QR-code snel te vinden, zodat het mogelijk is om het ontwijken van afwijkingen en decodering te realiseren. Ze zijn meestal een zwart-wit 7×7 module-structuur (buiten zwart, binnen wit, midden zwart).

  • Functie: Snel positioneren, rotatiebestendig, perspectiefbestendig.
  • Stijl: Dit hulpmiddel ondersteunt het renderen van Finder-punten in vierkante, afgeronde hoeken en 'bolletjesstijl' (te selecteren in Stijl → Finder).

Wie heeft de QR-code uitgevonden?

De QR-code (QR staat voor Quick Response) is in 1994 uitgevonden door de Japanse ingenieur Masahiro Hara van het bedrijf Denso Wave.

  • Motivatie voor de uitvinding: Om de herkenningssnelheid van de productielijn van auto-onderdelen te verhogen en de beperkingen van de eendimensionale barcode in capaciteit en leessnelheid te doorbreken.
  • Ontwerp灵感: De witte en zwarte stenen van het weespel en de matrixpatronen hebben het robuuste ontwerp van 'modulair + positioneringsgrafiek' geïnspireerd.
  • Waarom hoef je geen patentkosten te betalen: Denso Wave bezit het handelsmerk en een deel van de patenten, maar heeft het gebruik expliciet gratis geopend om de ecologische popularisering te bevorderen (ondersteuning voor commercieel gebruik, geen licentiekosten).

Standaarden en gebruikssuggesties

  • Internationale standaard: ISO/IEC 18004 (QR Code 2D Symbol Specification), die versies, maskers, foutcorrectie, grafische structuur, enz. definieert.
  • Fouttolerantieklasse: Vier niveaus L/M/Q/H (ongeveer 7%/15%/25%/30% herstelbaar). Voor het overlappen van Logo's wordt een hogere klasse aanbevolen.
  • Geencodeerde inhoud: Tekst, URL, vCard, Wi‑Fi, etc. Het wordt aanbevolen om te voldoen aan de bijbehorende URI/gegevensindelingseisen (zoals WIFI:T:WPA;S:SSID;P:PASS;;).
  • Afdrukken en weergeven: Zorg voor voldoende contrast tussen voorgrond en achtergrond en voldoende ruimte rond de code; vermijd overmatige vervorming, te kleine afmetingen en te dichte textuurinterferentie.
  • Toegankelijkheid: In kritieke situaties wordt aanbevolen om een alternatieve tekst/link te bieden, vermijd alleen de QR-code als enige toegangspoort.

Genereer QR-codes met programmeertalen

Hieronder vindt u de eenvoudigste voorbeelden in veelgebruikte talen, geschikt voor beginners en basisprojecten:

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();
}

Tip: De stijlmogelijkheden die door verschillende bibliotheken worden ondersteund, verschillen aanzienlijk. Voor geavanceerde stijlen (bolletjes, gradienten, Finder-stijlen, randen, etc.), kunt u in dit hulpmiddel een PNG/SVG genereren en direct gebruiken.