← Všechny typy QR kódů

QR kód s logem

Vložení loga do středu QR kódu · API · Statistiky log

0 znaků zbývá 1273 (max. 1273)
Vyberte logo – ukázka zdarma (složka demo/)

Vlastní logo značky je placená služba. Zde jsou dostupné pouze ukázkové soubory.

Vyberte sami, zda chcete průhlednost. V API: transparency=keep nebo transparency=remove · popis parametrů

Velikost se počítá z rozměru QR a ECC. Velká loga (např. plno2) se automaticky zmenší.

Barvy QR kódu

Tvary (pokročilé)

Tělo modulu

Rohové značky

Střed rohů

Rámeček loga

Rámeček kolem loga ve středu QR kódu (ne pod kódem).

Po kliknutí na Generovat se nahoře zobrazí QR s tvary a logem. Klasický čtvercový PNG je vedle pro maximální kompatibilitu čteček.

Možnosti loga v QR kódu

Jak to funguje

  • Nejprve se vygeneruje barevný QR kód podle zadaného obsahu.
  • Logo PNG ze složky demo/ se zmenší a vloží do středu QR.
  • Výsledek se uloží do temp/!QR{název_loga}/.
  • Zpracování loga probíhá přes PHP rozšíření GD.

Doporučené nastavení

  • ECC kvalita H – nejvyšší redundance, logo překryje část dat a QR zůstane čitelný.
  • Velikost QR 5–7 – větší rozlišení = lepší čitelnost po vložení loga.
  • Velikost loga – počítá se automaticky z rozměru QR a úrovně ECC (H doporučeno).
  • Logo max. cca 20–30 % plochy QR; u malých kódů raději menší logo.

Formát loga

  • Nejlepší je PNG s průhledností (alfa kanál).
  • Průhlednost nastavíte ve formuláři nebo parametrem transparency v API.
  • Umístění: složka /demo/ (např. kuchtik.png).

API

Podrobný popis všech parametrů, příklady odkazů a nastavení průhlednosti:

API dokumentace →

API dokumentace – QR kód s logem

Generování přes qr-logo.php – všechny parametry se předávají metodou GET v URL. Stylované tvary modulů se vykreslují v prohlížeči; JSON matici pro vlastní render vrací matrix.php.

1. Generátor – qr-logo.php

Vygeneruje barevný QR kód, vloží logo a zobrazí stránku s výsledkem. Klasické PNG se ukládá do temp/; stylovaný náhled s tvary se doplní v prohlížeči.

Endpoint: http://www.qrcod.cz/qr-logo.php

Parametr Povinný Výchozí Popis a použití
generate ano — Musí být 1. Bez tohoto parametru se zobrazí pouze formulář.
data ano URL webu Obsah QR kódu – URL, text, vCard, platba atd. (limit dle ECC, viz level). URL enkódujte (rawurlencode).
logo ano kuchtik Název souboru loga ve složce demo/ bez přípony .png (např. kuchtik, plno2).
transparency ne keep keep – logo s bílým pozadím.
remove – bílé/svétlé pozadí loga se odstraní a převede na průhledné.
Alias: removebg=1 / removebg=0.
v ne auto Velikost loga. auto počítá max. velikost z rozměru QR a ECC.
Násobič: 0.85 (menší), 1.0, 1.15 (větší).
level ne H ECC korekce chyb: L, M, Q, H. Doporučeno H.
size ne 6 Velikost modulu QR (1–10).
frame ne 2 Okraj (quiet zone) kolem QR v modulech (1–10).
body_shape ne square Tvar datových modulů pro stylovaný náhled. Hodnoty (qr.io styly zvýrazněny): square, blob, horizontal, interconnect, notched, fluid, mosaic, dot, dále smallsquare, rounded, cross, x, diamond, dotlarge, soft, heart, star, triangle.
edge_shape ne square Tvar rohových značek pro stylovaný náhled. Hodnoty: square, rounded, circle, leaf, leaf2, lens, dotted, spiky.
center_shape ne square Tvar vnitřního středu rohových značek (3×3 moduly). Hodnoty: square, rounded, circle, leaf, diamond, cross.
logo_frame ne none Rámeček kolem loga ve středu QR (stylovaný náhled). Hodnoty: none, square (čtverec), rounded (zaoblený), circle (kruh/ovál), brackets (rohové závorky). Alias staršího parametru: cta_frame (bez textu pod QR).
r0 g0 b0 ne 11, 20, 146 RGB barva datových modulů QR (0–255).
r1 g1 b1 ne 255, 255, 255 RGB barva pozadí QR.
r2 g2 b2 ne 136, 0, 0 RGB barva vnějších rohových značek.
r3 g3 b3 ne 100, 0, 0 RGB barva vnitřních rohových značek.

Výstupní soubor (klasický čtvercový QR): temp/!QR{název_loga}/qr-x-….png
Stylovaný QR s tvary a logem se na stránce vykreslí v prohlížeči; lze stáhnout jako PNG/SVG z výsledku. Rámeček loga logo_frame se vykreslí ve středu QR v prohlížeči (knihovna assets/qr-logo-frame.js).

2. Průhlednost loga – volba uživatele

transparency=keep

  • Logo se vloží s bílým pozadím.
  • Vhodné, když chcete zachovat bílý čtverec kolem loga.

transparency=remove

  • Bílé pozadí loga se odstraní – logo leží přímo na QR modulech.
  • Vhodné pro loga na bílém podkladu v souboru PNG.

3. Tvary modulů – matrix.php

Pro programové vykreslení stylovaného QR (bez načtení celé stránky) použijte JSON API matrix.php. Vrací binární matici modulů a jejich role (finder, alignment, timing). Vykreslení tvarů provede klient knihovnou assets/qr-shapes-render.js.

Endpoint: http://www.qrcod.cz/matrix.php

Parametr Povinný Výchozí Popis
data ano — Obsah QR kódu (stejně jako u qr-logo.php).
level ne L ECC: L, M, Q, H.
size ne 4 Velikost modulu (1–10).
frame ne 4 Okraj v modulech (1–10).

Příklad odpovědi (zkráceno)

GET matrix.php?data=http%3A%2F%2Fwww.qrcod.cz%2F&level=H&size=6&frame=2 {"ok":true,"w":25,"h":25,"margin":2,"matrix":[[1,1,1,...],...],"roles":[[1,1,1,...],...]}

matrix[y][x] = 0/1 (bílý/černý modul). roles[y][x]: 0 data, 1 finder, 2 alignment, 3 timing. Parametry body_shape, edge_shape a center_shape se předávají do QRShapesRender.render() na klientovi.

JavaScript – stylovaný QR z API

// Načtěte: assets/qr-shapes-render.js const params = new URLSearchParams({ data: 'https://example.com/', level: 'H', size: '6', frame: '2' }); const json = await fetch('matrix.php?' + params).then(r => r.json()); if (!json.ok) throw new Error(json.error); const out = QRShapesRender.render(json.matrix, json.roles, { scale: 12, margin: json.margin, bodyShape: 'dotlarge', edgeShape: 'circle', centerShape: 'diamond', colors: { fg: '#0b1492', bg: '#ffffff', corner: '#880000', cornerInner: '#640000' } }); // out.pngDataUrl – data URL PNG, out.svg – SVG řetězec

4. Příklady odkazů

QR s logem a tvary (aktuální nastavení formuláře)

qr-logo.php?generate=1&data=http%3A%2F%2Fwww.qrcod.cz%2F&logo=kuchtik&transparency=keep&v=auto&level=H&size=6&frame=2&body_shape=square&edge_shape=square&center_shape=square&r0=11&g0=20&b0=146&r1=255&g1=255&b1=255&r2=136&g2=0&b2=0&r3=100&g3=0&b3=0

QR s logem – průhledné pozadí, klasické tvary

qr-logo.php?generate=1&data=http%3A%2F%2Fexample.com%2F&logo=kuchtik&transparency=remove&level=H&size=6&frame=2&body_shape=square&edge_shape=square

QR s logem – velké tečky a kruhové rohy

qr-logo.php?generate=1&data=http%3A%2F%2Fexample.com%2F&logo=kuchtik&transparency=keep&level=H&size=6&frame=2&body_shape=dotlarge&edge_shape=circle&r0=11&g0=20&b0=146&r2=136&g2=0&b2=0

QR s logem – zaoblené moduly a tečkované rohy

qr-logo.php?generate=1&data=http%3A%2F%2Fexample.com%2F&logo=kuchtik&transparency=remove&v=auto&level=H&size=7&body_shape=rounded&edge_shape=dotted

QR s logem – kruhový rámeček loga

qr-logo.php?generate=1&data=http%3A%2F%2Fexample.com%2F&logo=kuchtik&level=H&size=6&body_shape=dotlarge&edge_shape=rounded&center_shape=diamond

HTML – obrázek klasického serverového PNG

<img src="qr-logo.php?generate=1&data=http%3A%2F%2Fexample.com%2F&logo=kuchtik&level=H&size=6" alt="QR s logem">

Odkaz s generate=1 vrátí celou HTML stránku s výsledkem, ne přímo PNG. Přímé PNG ze serveru je v odpovědi stránky pod cestou temp/!QR{logo}/…. Pro stylovaný QR přidejte body_shape, edge_shape, center_shape a volitelně logo_frame – výsledek se zobrazí nahoře na stránce.

Parametry z formuláře výše se promítnou do prvního příkladu po odeslání. Pro vlastní logo kontaktujte placenou službu QRLogo.