Moderní tvorba webových aplikací

O webu

Generování QR kódu

Co je to QR kód a jak ho okamžitě vytvořit pomocí jednoduchého online generátoru.

18 minut

QR code (zkratka z Quick Response Code) se používá hlavně pro mobilní zařízení. Jedná se o způsob, jak do grafické podoby uložit menší množství dat. Vzniklý obrázek potom člověk vyfotí fotoaparátem svého mobilního zařízení a speciální aplikací z obrázku získá potřebná strojově čitelná data.

Hlavní výhoda QR kódu je pohodlné a rychlé získání textových dat. Místo pomalého opisování textu na klávesnici dokáže v jednotkách sekund obsah získat a rozluštit software.

Dnes většina chytrých telefonů umí QR kódy číst přímo ve vestavěné aplikaci Fotoaparát (iOS i Android), bez nutnosti instalovat speciální čtečku.

Vytvoření QR code

Vygenerujte si potřebný QR kód. Zadaná data se nikam nepřenášejí a neukládají. Kód se sestavuje přímo v prohlížeči.

Typ kódu:

Ulice
Město
PSČ

QR kód

Textová data

Podoba kódu

Příklad QR kódu

Na příkladu jednoduchého QR kódu stojí za povšimnutí velké čtverce ve třech rozích, které slouží jako orientační body pro snímací aplikaci. Zbytek jsou už potom data. Díky třem „kontrolním“ čtvercům v rozích jde určit orientaci kódu, takže není problém kód fotit klidně vzhůru nohama.

QR kód je také i tolerantní k chybám, může být v různých barvách nebo barevně invertován. I část výsledného obrázku může fungovat, což přináší možnost do obrázku například umístit logo nebo lidsky čitelný text.

QR kód s logem

Příklad invertovaného QR kódu s umístěním loga, který je stále funkční

  • Wikipedie: QR kód – obsahuje i detailní popis, jakým způsobem jsou data v obrázku uložena

Počet znaků

Pokud se do obrázku zakóduje víc dat (delší text), bude jeho struktura hustší, což ztíží i převod obrázku na data.

Některé starší čtečky mohou mít s delšími kódy (například nad 300 znaků) problémy. Většinou není nutné do kódu zapsat celé romány, ale používají se spíš odkazy na webovou stránku, kde je potom více obsahu.

Maximální počet znaků

Typ obsahu Znaků
číslice 7 089
písmena a číslice 4 296
8bitová data 2 953
kandži 1 817

Jiný QR kód s delším textem (cca 120 znaků).

Příklad QR kódu

Funkce

Kromě textu nebo URL (adresy webové stránky) se dají do kódu zakódovat další funkce. Aplikace pro luštění QR kódu bývají chytré, takže se snaží automaticky zjistit typ dat.

  • Číslo 123456789 se bude nejspíš brát jako telefonní číslo.
  • Text www.jecas.cz bude potom pochopen jako odkaz na webovou stránku.
  • Text neco@example.com půjde pochopit jako e-mail.

Kromě automatického určování obsahu existuje způsob pro označení jiných funkcí.

Text

Obyčejný text:

Text

URL

Adresa nepotřebuje zvláštní zacházení. Automaticky ji rozpozná aplikace. Preferujte https.

https://example.com

E-mail

Samotný e‑mail je možné rozpoznat automaticky.

Pro vytvoření zprávy v e‑mailovém klientu použijte mailto: s parametry:

mailto:mail@example.com?subject=P%C5%99edm%C4%9Bt&body=Text

Telefon

Předvyplní číslo pro pohodlné zavolání. Stačí na začátek uvést tel:. Používejte mezinárodní formát.

tel:+420123456789

SMS

Pro připravení SMS zprávy je nejrozšířenější tvar SMSTO: nebo schéma sms: s parametry. Doporučení: používejte sms:.

sms:+420123456789?body=Text

Událost

Připraví událost ve formátu iCalendar (UTC čas, bez diakritiky pro maximální kompatibilitu):

BEGIN:VEVENT
SUMMARY:Nazev udalosti
DTSTART:20251001T160000Z
DTEND:20251001T170000Z
END:VEVENT

Geolokace

Místo na mapě. Uvádí se v pořadí zeměpisná šířka, zeměpisná délka a volitelně nadmořská výška.

geo:50.0892069,14.4032178,400

Získat GPS určitého místa jde například pomocí stránky Mapy.cz:

  1. Stačí kliknout pravým tlačítkem na místo a vybrat Co je zde:

    Co je zde?

  2. V pravém panelu dole si zkopírovat GPS souřadnice:

    Co je zde?

Připojení k Wi-Fi

Do QR kódu jde zachytit i přihlášení k Wi-Fi.

WIFI:T:WPA;S:Nazev;P:heslo;H:false;;

Kontakt vCard

Docela užitečná je možnost vytvořit celý kontakt. Dá se zadat jméno, příjmení, telefonní čísla, e-mail, adresa nebo webová stránka.

Může se hodit takový kód vytisknout na visitku, čímž si půjde pohodlně uložit kompletní kontakt. Jelikož visitky nebývají velké, je kvůli dobré čitelnosti lepší uvést jen nejnutnější údaje (např. jen jeden telefon nebo e-mail a podobně).

Používá se běžný formát vCard (doporučeno VERSION:3.0 nebo 4.0):

BEGIN:VCARD
VERSION:3.0
FN:Jmeno Prijmeni
N:Prijmeni;Jmeno;;;
TITLE:Funkce
TEL;TYPE=CELL:+420222222222
EMAIL;TYPE=INTERNET:osobni@example.com
URL:https://example.com
ADR:;;Ulice;Mesto;;11100;Zeme
ORG:Organisace
END:VCARD
  • vCard – popis formátu na anglické Wikipedii

QR platba

Pro elegantní placení prostřednictvím mobilní bankovní aplikace je užitečné generovat QR platební kód. Člověk tak nemusí z papírové faktury opisovat číslo účtu, banky, sumu a podobně. Nebo tyto údaje kopírovat z e-mailu nebo webové stránky.

Kód pro platby může vypadat následovně:

SPD*1.0*ACC:CZ5608000000000002171532*AM:999*CC:CZK*DT:20150518*MSG:Zpráva*X-KS:1414*X-SS:1313*X-VS:1212
  • ACC – číslo účtu v IBAN formátu (pokud ho neznáte, jde spočítat)
  • AM – částka k platbě
  • CC – měna
  • DT – datum splatnosti
  • MSG – zpráva pro příjemce
  • X-KS – konstantní, X-SS – specifický a X-VS – variabilní symbol
  • QR platba – více informací o placení pomocí QR kódu

Bitcoin adresa

Pro zjednodušení platby v Bitcoinech používejte URI schéma bitcoin: s parametry:

bitcoin:{adresa}?amount={castka}&label={zprava}

Nutná je pochopitelně mobilní bitcoinová peněženka, která může platbu na adresu zpracovat.

Aplikace

Pro čtení QR kódu je nutná nějaká aplikace, co z obrázku vydoluje text.

Pro luštění kódu na počítači bez používání webkamery je ideální nástroj:

  • ZXing Decoder – dekódování QR kódu z URL nebo nahraného obrázku v prohlížeči

Mobilní aplikace

Na mobilních telefonech dnes QR kód zpravidla naskenujete přímo vestavěnou aplikací Fotoaparát (iOS i Android). Pro pokročilejší funkce je k disposici také Google Lens nebo řada QR čteček v obchodech s aplikacemi.

PHP, JS, API generátory

Pro automatické generování QR kódu existuje spousta hotových řešení.

Generování QR v JavaScriptu

Generovat QR kód v JavaScriptu je výhodné – není nutné čekat na odpověď serveru a data se neposílají třetí straně. Výsledek lze vykreslit do <canvas> nebo jako SVG.

  • qrcode – spolehlivá JS/TS knihovna (Node i prohlížeč), podporuje UTF‑8
  • qr-code-styling – generování stylovaných QR kódů s logem

PHP generátor QR kódu

Pro PHP je dnes nejpoužívanější a aktivně udržovaná knihovna endroid/qr-code (composer balíček endroid/qr-code). Alternativou je chillerlan/php-qrcode.

Poznámka: po stažení archivu a spuštění na localhostu nemusí u dema čestina správně fungovat kvůli absenci HTML <meta> značky:

<meta charset="utf-8">

Online generátor

Nakonec je možnost si QR kód jednorázově vygenerovat pomocí nějaké online služby.

Související články

Převody souborů a dat přímo v prohlížeči

Jak převádět obrázky, textové formáty v prohlížeči pomocí JavaScriptu – bez odesílání dat na server.

8 minut

Zvláštní znaky na české klávesnici

Jak na běžné české klávesnici pohodlně programovat a zapisovat všelijaké speciální znaky?

10 minut

Převod písmen na VELKÁ a malá

Převedení textu na velká nebo malá písmena.

12 minut

Pravidlo dvou

Jak používat pravidlo dvou pro efektivní psaní dobrého kódu

3 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025