Gyönyörű qr kódgenerátor. A színes QR-kódok előállításának sajátosságai. Mi van kódolva a QR-kódban

Az elmúlt években a QR-kódok vicces kíváncsiságból mindennapi rutinná váltak, amely mindenhol körülvesz minket. Az ilyen kódok használata a legkényelmesebb módszer arra, hogy a szükséges információkat eljuttassa a fogyasztóhoz, legyen az weboldal címe, elérhetősége vagy termékleírása. Általában kis fekete és fehér négyzetek mozaikjának tűnik, de ha igazán egyedivé akarja tenni, akkor próbálja ki az új QR-kódgenerátort.

Az online szolgáltatás egy 2D vonalkód-generátor. A legtöbb versenytárssal ellentétben ez a szolgáltatás lehetővé teszi a generált kód megjelenésének széles körű testreszabását. Ehhez van egy teljes értékű grafikus szerkesztő, amely lehetővé teszi, hogy fekete-fehér rajzból valódi műalkotást készítsen.

Itt, a bal oldalon vannak eszközök az információk megadásához, amelyeket grafikus formában szeretne megjeleníteni, és titkosíthatja az egyszerű szöveget, valamint egy linket, telefonszámot és elérhetőségeket. Középen a kódszerkesztő terület, jobb oldalon pedig a megjelenés beállításai panel található.

A felső csúszka lehetővé teszi az elemek lekerekített sarkainak elkészítését, majd a háttérbeállítások következnek, amelyekben egyszínű és saját képet is kiválaszthat háttérként. A szakaszban módosíthatja a fekete információs cellák megjelenését Előtér... Lehetőségeket kínálunk az egyszínű kitöltésre, a fénykép vagy az embléma átfedésére, valamint a kézi pixelenkénti színezésre.

QR-kód készítésekor különös figyelmet kell fordítani az alábbi színskálára. Ez lehetővé teszi, hogy értékelje a kód olvashatóságát az elvégzett átalakítások után. Ne ragadjon el, és nézze meg, hogy az olvashatósági skála nem tér el, ha azt szeretné, hogy a kódját bármilyen eszköz könnyen elolvassa.

A Hack A Day blog szerzője, Brian Benchoff kitalálta a QR-kódok előállításának algoritmusát (ISO 18004 szabvány), és utasításokat állított össze egy tetszőleges kép QR-kódba történő beágyazására vonatkozóan. Például egy cég logója.

A pixelenkénti szerkesztéshez QR-kódgenerátort és Microsoft Paint-et használtunk.

A QR-kódok hatodik változata egy 41 pixeles négyzet.

A képen a QR-minta látható. Rajta a fekete pixeleknek mindig feketeeknek, a fehér pixeleknek pedig fehéreknek kell lenniük. A szürke terület szabad a kreativitáshoz.

A szürke tér 172 8 pixeles területre van felosztva az alábbiak szerint.

Egyes zónák két részre vannak osztva és térben elválasztva, fekete vonalakkal vannak összekötve. A tapasztalatok azt mutatják a zónák körülbelül 30% -a betölthető véletlenszerű információkkal, és a telefon továbbra is képes dekódolni az információkat. Így a 172 zónánkból körülbelül 51 darab használható, bármilyen formát és színt adva.

Vagyis 51 pixel méretű képet rajzolhat. Például itt van a Hack A Day logó.

Fontos egy kontrasztos körvonalat létrehozni, hogy a logó kiemelkedjen a vegyes háttérből. Ha ezt a logót felteszi egy QR-kódsablonra, ilyesmit kap.

Most ki kell számolnia, hány nyolc pixeles zónát érint a logó. Úgy tűnik, hogy nincs több, mint 51 darab, tehát minden rendben van, így folytathatja a következő lépéssel: valódi QR-kód generálása ezen a képen. Nyissa meg a fent említett QR-kódgenerátort, válassza ki a hatodik verziót, a hibajavítási szintet, és adja meg a kódoláshoz szükséges információkat (http://www.hackaday.com). Helyezze be a logót a kapott kód tetejére.

Ez a fajta már nyomtatható névjegykártyákra.

Ahhoz, hogy igazán szép logókat készítsen, vegyen egy nagyobb QR-kódot. Például a 14. verzió egy 73 pixeles négyzet oldalával. Bizonyos feltételek mellett bejuthat a határmenti kiszolgáló területre is.

Az IBM nagyon szépen néz ki ekkora méretben. Ehhez képest az IBM QR v6 közel sem olyan lenyűgöző.

Vegye figyelembe, hogy a képpontok bármilyen színben elkészíthetők: fehér, fekete, piros vagy lila, csak a közöttük lévő kontraszt a fontos. Mivel ebben a logóban az IBM betűk viszonylag sötétek, az algoritmus fekete színűként fogja értelmezni őket. A szín használata praktikus technika, amely eltávolítja a kontrasztos szegélyt, és ezzel helyet takarít meg a logó számára.

Ha a Firefox logó fehér szegéllyel rendelkezik, akkor a képterület több mint 30% -át lefedné. A színek használatával pedig kevesebb, mint 30% -ot fed le, és ez a QR-kód tökéletesen olvasható.

Egyébként nem kell csak a QR-kód pixelenkénti felbontására korlátozódnia, nagyobb felbontású képet is beilleszthet. Igaz, ez már nem fog annyira organikusnak tűnni.

UPD. Az Android Market már rendelkezik a MeCode Beta alkalmazással, amely lehetővé teszi tetszőleges vonalkódok létrehozását a telefonon, beleértve a logóval ellátottakat is. Nagyon kényelmes dolog - képet jeleníthet meg a képernyőn, és információkat cserélhet más telefonokkal.

Az eszköz QR-kódot hoz létre online a megadott szöveggel. Válassza ki a megfelelő típusú QR-kódot a webhely címének, telefonszámának, e-mail címének, elérhetőségének és egyéb paramétereinek megjelölésére. A szabad szöveges információk megadásához válassza ki a "szöveges" QR kód típusát. Állítsa be a kívánt színt és hátteret, és válassza ki a legjobban a QR-kódot.

Generáljon QR-kódot online

Figyelem! A JavaScript le van tiltva.
A JavaScript engedélyezése nélkül a funkció QR-kód generátor munka nem lesz.
Kérjük, engedélyezze a JavaScript használatát a böngészőben, és frissítse az oldalt.

Segítség. Az alábbiakban rövid leírást találunk a QR-kód létrehozásáról. A QR-kódok fő típusai és azok előtagjai.

QR-kód

A QR-kód elsősorban mobil eszközökre készült, és sokkal könnyebbé teszi a különféle információk bevitelét egy telefonba vagy táblagépbe. Elég, ha beolvassa a QR-kódot a mobil készülék kamerájával, és az összes felismert információ megjelenik a kijelzőjén, majd tetszés szerint használhatja, elmentheti és szerkesztheti. A QR-kód felismeréséhez speciális programot kell használnia, amelyet ingyen telepíthet a Google Play (Android rendszerhez), az Apple Store (az iPhone és iPad készülékhez) és a Microsoft Store áruházból (Windows Phone esetén), ehhez egyszerűen írja be a "qr kódot". "vagy" qr kód ", és rengeteg lehetőséget kínál fel. A legérdekesebb funkciók a ZXing fejlesztő cég QR Code alkalmazásában találhatók.

QR-kód színe és háttere

A QR-kód bármely színét és hátterét beállíthatja, de a túl világos QR-kód nem ismerhető fel, ezért ajánlott kontrasztos színkombinációt - sötét QR-kódot és világos hátteret - állítani.

QR-kód simítási szint

Ez az opció a pixelezett QR-kódot sima, szép és szokatlan rajzká alakítja.

Mit tartalmaz a QR-kód

A QR-kód tartalmazhat URL-t, telefonszámot, e-mailt, kapcsolattartási információkat, képeket, GPS-koordinátákat, bármilyen szöveges információt, sőt paramétereket is tartalmazhat a Wi-Fi hálózat automatikus beállításához.

URL - webhely

Webhely vagy oldal címe. A http: // és a nélkül is megadhatja. Helyes példák:,. Az ilyen típusú QR-kód lehetővé teszi, hogy a Weboldal meghatározott oldalára lépjen.

Szöveg

Sima szöveges információk. A maximális hossz 1450 karakter az orosz ábécéből. A karakterek maximális száma a tartalomtól függ, és lehet:

• Csak 7089 számjegy;
• 4296 latin ábécé szám és betű;
• 1817 hieroglifák;
• 2953 bájt bináris kód;
• Az orosz ábécé 2953 betűje windows-1251 kódolással;
• Az orosz ábécé 1450 betűje UTF-8 kódolással.

telefon

Telefonszám. Telefonszám formátuma: +7900123456. Ez a típusú QR-kód lehetővé teszi, hogy felhívja a megadott telefonszámot.

SMS

Telefonszám SMS-hez és szöveges üzenethez. Telefonszám formátuma: +7900123456. Ez a típusú QR-kód lehetővé teszi, hogy SMS-t vagy MMS-t készítsen előre kitöltött számmal és üzenettel.

Email

Email cím. Ez a típusú QR-kód lehetővé teszi e-mail létrehozását előre kitöltött e-mail címmel (TO :) mezővel. Megadhatja az üzenet tárgyát és magát az üzenetet is.

Névjegyek

A címjegyzék elérhetőségei. Ez a típusú QR-kód új bejegyzést ad a címjegyzékbe, amely tartalmazza a nevet, telefonszámot, e-mailt, címet, URL-t és megjegyzéseket. Ha egynél több telefonszámra van szükség, válassza őket vesszővel.

Wi-Fi hálózat

Wi-Fi hálózati kapcsolat paraméterei. Az ilyen típusú QR-kód automatikusan csatlakozik a Wi-Fi hálózathoz. Nagyon kényelmes az ingyenes Wi-Fi hálózatokhoz való csatlakozáshoz kávézókban, bárokban, éttermekben és más hálózatokban nyilvános helyeken.

GPS koordináták

Google térkép koordináták. Ez a fajta QR-kód lehetővé teszi, hogy a megadott koordinátáknak megfelelő helyet jelenítsen meg a térképen.

Információ. kötelező előtagokat ad hozzá automatikusan... A speciális előtagoktól függően a QR-kódból származó információk automatikusan átvihetők más alkalmazásokba.

QR-kód előtagok

Ha a telefonszámot +79001234567-ként adja meg, akkor a QR-kódolvasó felismeri a számot egyszerű szövegként (számokként), és ha megadja a tel speciális előtagot: +79001234567, akkor a szkenner meghatározza a telefonszámot, és felajánlja annak hívását.

URL előtag:

URL: - A QR-kód előtag a weboldalak és oldalak megadásához lehetővé teszi a megadott link követését. Előtag URL: nagybetűkkel feltüntetve. Jelzés http: // nem szükséges.

• Formátum: URL: [site_ddress]
• Példák: URL: www..site

Tel előtag:

tel: - A telefonszám jelzésére szolgáló QR-kód előtag lehetővé teszi, hogy felhívja a megadott számot.

• Formátum: tel: [telefonszám]
• Példa: tel: +79001234567

Smsto előtag:

smsto: - Az SMS vagy MMS küldéséhez használt QR-kód előtag lehetővé teszi, hogy SMS-t küldjön a megadott számra a megadott szöveggel.

• Formátum: smsto: [telefonszám]: [üzenet]
• Példa: smsto: +79001234567: Üzenet szövege:

Mailto előtag:

mailto: - Az e-mail cím megadására szolgáló QR-kód előtag lehetővé teszi az e-mail küldését a megadott címre.

• Formátum: mailto:
• Példa: mailto: [e-mail védett]

MATMSG előtag:

MATMSG: - Az e-mail cím megadására szolgáló QR-kód előtag lehetővé teszi, hogy e-mailt küldjön a megadott címre a megadott tantárgy és üzenet szövegével. Előtag MATMSG: nagybetűkkel jelölve, a végén két pontosvessző szükséges.

• Formátum: MATMSG: TO :; SUB: [tárgy]; Törzs: [üzenet] ;;
• Példa: MATMSG: TO: [e-mail védett]; SUB: Az üzenet tárgya; Body: Az üzenet szövege ;;

Földrajzi előtag:

geo: - A QR-kód előtag a GPS-koordináták megadásához lehetővé teszi a Google térkép megnyitását a megadott koordinátákban.

• Formátum: földrajzi: [szélesség, hosszúság]
• Példa: geo: 55.755768,37.617671

WIFI előtag:

WIFI: - QR-kód előtag az automatikus csatlakozáshoz a Wi-Fi hálózathoz. Előtag WIFI:

• Formátum: WIFI: T: [titkosítási típus]; S: [wifi_hálózat_neve]; P: [jelszó]; H: [rejtett_hálózat] ;; ...
• Példák: WIFI: T: WEP; S: HomeNet; P: ***** ;; , WIFI: T: WEP; S: HomeNet; P: *****; H: igaz ;;

MECARD kapcsolattartók:

MECARD: - QR-kód előtag meCard hogy névjegyeket írjon a telefon címjegyzékébe. Előtag MECARD: nagybetűvel jelezve, két pontosvesszővel a végén.

• Formátum: MECARD: N: [név, vezetéknév]; HANG: [név_átirat]; TEL: [telefon]; TEL-AV: [szám_videofon]; EMAIL :; MEGJEGYZÉS: [MEGJEGYZÉS: [Megjegyzés]; BDAY: [születésnap]; ADR: [ cím]; URL :; NICKNAME: [becenév] ;; ...
• Példa: MECARD: N: Ivan, Petrov; TEL: +79001234567; EMAIL: [e-mail védett]; MEGJEGYZÉS: Szöveg jegyzettel; BDAY: 20010205; ADR: Vörös tér, d.

Valamivel ezelőtt több QR-kódot kellett létrehoznom a rendszer minden felhasználójának. És hogy érdekes legyen a kód beolvasása, úgy döntöttek, hogy hozzáadunk egy logót.

Előszó

Hogyan valósítják meg ezt?

Az ügy érdekében!

Akinek csak QR-kódra van szüksége, az alábbiakat írhatja:
BitMatrix mátrix \u003d new MultiFormatWriter (). Kódolás ("kódolandó szöveg", BarcodeFormat.QR_CODE, szélesség, magasság); MatrixToImageWriter.writeToFile (mátrix, filename.substring (fájlnév.lastIndexOf (".") + 1), új File (fájlnév));
Ellenkező esetben ezt nem szabad megtenni - alapértelmezés szerint a könyvtár kevés helyreállítási információt ad hozzá, és még akkor is, ha a logó behelyezése után a képet visszafejtik a számítógépünkön, máris helytelenül olvasható a kamerából. Ezért jó gyakorlat lenne a lehető legtöbb helyreállítási információt hozzáadni, és mivel megváltoztatjuk a színeket és a képet, akkor nem kell sietni az eredmény mentésével:
Hashtable hintMap \u003d új Hashtable (); hintMap.put (EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H); QRCodeWriter qrCodeWriter \u003d új QRCodeWriter (); BitMatrix bitMatrix \u003d qrCodeWriter.encode (content, BarcodeFormat.QR_CODE, qrCodeSize, qrCodeSize, hintMap);
A kép létrehozása a kódmátrixból hurokban történik - létrehozunk egy megfelelő méretű képet, és a kódmátrixon áthaladva informatív képpontként megjelenítjük a képen a bit mátrixban való jelenlétét. A művelet során beállíthatja a háttérszínt és a kód színét:
int matrixWidth \u003d bitMatrix.getWidth (); BufferedImage image \u003d új BufferedImage (matrixWidth, matrixWidth, BufferedImage.TYPE_INT_RGB); image.createGraphics (); Graphics2D graphics \u003d (Graphics2D) image.getGraphics (); graphics.setColor (Szín.fehér); graphics.fillRect (0, 0, matrixWidth, matrixWidth); Color mainColor \u003d új szín (51, 102, 153); graphics.setColor (mainColor); // Írja a Bit Mátrixot képpé a (int i \u003d 0; i< matrixWidth; i++) { for (int j = 0; j < matrixWidth; j++) { if (bitMatrix.get(i, j)) { graphics.fillRect(i, j, 1, 1); } } }
Nos, most, amikor képpel működünk, és nem egyek és nullák mátrixával működünk, akkor nagyon kényelmes számunkra a logót a közepére helyezni, miután korábban beállítottuk a felbontását, hogy ne fedjük át a teljes kódot túl nagy méret esetén:
BufferedImage logó \u003d ImageIO.read (this.getLogoFile ()); kettős skála \u003d calcScaleRate (kép, logó); logo \u003d getScaledImage (logó, (int) (logo.getWidth () * skála), (int) (logo.getHeight () * skála)); graphics.drawImage (logo, image.getWidth () / 2 - logo.getWidth () / 2, image.getHeight () / 2 - logo.getHeight () / 2, image.getWidth () / 2 + logo.getWidth ( ) / 2, image.getHeight () / 2 + logo.getHeight () / 2, 0, 0, logo.getWidth (), logo.getHeight (), null); privát BufferedImage getScaledImage (BufferedImage kép, int szélesség, int magasság) dobja az IOException-t (int imageWidth \u003d image.getWidth (); int imageHeight \u003d image.getHeight (); dupla skálaX \u003d (dupla) szélesség / imageWidth; dupla skálaY \u003d (double) height / imageHeight; AffineTransform scaleTransform \u003d AffineTransform.getScaleInstance (scaleX, scaleY); AffineTransformOp bilinearScaleOp \u003d new AffineTransformOp (scaleTransform, AffineTransformOp.TYPE_BILINEAR); return bilinearScaleTransform (imageImage). ;)
A kóddal való visszaélésünk után mindenképpen érdemes ellenőrizni annak helyességét - van-e elegendő helyreállítási információ egy ideális fényképezőgéphez? És ha ez elég, akkor itt az ideje, hogy mentse a Katinkát, és odaadja a felhasználónak:
if (isQRCodeCorrect (content, image)) (ImageIO.write (image, imageFormat, this.getGeneratedFileStream ());) private boolean isQRCodeCorrect (String content, BufferedImage image) (logikai eredmény \u003d hamis; Eredmény qrResult \u003d dekódolja (kép); if (qrResult! \u003d null && content! \u003d null && content.equals (qrResult.getText ())) (eredmény \u003d true;) visszatérési eredmény;) privát eredmény dekódolása (BufferedImage image) (if (image \u003d\u003d null) (return null;) try (LuminanceSource source \u003d new BufferedImageLuminanceSource (image); BinaryBitmap bitmap \u003d new BinaryBitmap (new HybridBinarizer (source)); Result result \u003d new MultiFormatReader (). decode (bitmap, Collections.EMPTY_MAP); return result;) catch ( NotFoundException nfe) (return null;))

A kitűzött cél megvalósult - a QR-kód elkészült. Kösz a figyelmet!

Van néhány oka annak, hogy a mobil felhasználók nem akarják beolvasni a mátrix kódokat. Például az ügyfelek nem veszik észre őket, mert láthatatlan helyeken vannak elhelyezve, vagy a felhasználók nem értik, mit akar tőlük a márka, ha a kép mellett nincs egyértelmű cselekvésre ösztönzés.

De az egyik leggyakoribb ok, amiért a QR-k kis számú vizsgálatot kapnak, az az előtér és a háttér színe közötti kontraszt hiánya.

Miért olyan fontos a kontraszt a QR-kódok létrehozásakor?

Az előtér és a háttér színe közötti kontrasztnak elég nagynak kell lennie ahhoz, hogy a mobil eszköz kamerája felismerje a képet és beolvassa. Az olvasó csak megfelelő kontraszt esetén képes azonosítani a mintát.

Ha az előtér és a háttér kontrasztja kicsi, akkor a beolvasó eszköz nem képes "látni" a kétdimenziós kódot, és ennek következtében nem lesz képes megfejteni.

Mi legyen a kontraszt?

Hangszínkontraszt és színkontraszt

Leggyakrabban a szokásos QR-kódokat fekete-fehérben hozzák létre (hangkontraszt), és az ilyen qr beolvasásához fejlesztik a mobil alkalmazásokat. Ezek az olvasók nem képesek megkülönböztetni a színek árnyalatait, csak két ellentétes szín különbségét "látják". Ebben az esetben nem tévedhet el, mert a fekete és a fehér szín kontrasztos.

Ha színes QR-kódot generál (árnyalatkontraszt), akkor rendkívül fontos figyelembe venni, hogy a színek közötti különbség elég nagy (például piros és zöld, piros és fekete, piros és kék, sárga és kék), hogy az olvasó „ lásd "két árnyalat. Az emberi szem által látott színek diametrálisan különböznek a mobileszköz által észlelt színektől. Ezért figyeljen az egyik választott árnyalat fényerejére. Ha a két szín hasonló (narancs és sárga), akkor nem lesz elegendő kontraszt bennük, akkor az olvasó nem tudja azonosítani a titkosított információkat.

Mikor lesz elegendő a hangkontraszt?

A gyors és megbízható szkennelés érdekében a kontraszt mennyisége több tényezőtől függ:

• Környezeti fény (Sötét környezetben még fekete-fehér képek sem szkennelhetők).
• Tükröző felület (a fényes felület fehéren fog tükröződni, ne válasszon fehér hátteret, ha fényes árnyalatokat szeretne az előtérbe).
• Szkennelési távolság (minél tovább helyezkedik el a QR, annál kevésbé látható a kamera számára, annál hangsúlyosabb kontrasztkülönbségnek kell lennie az előtér és a háttér között).
• A fényképezőgép minősége (egyes kamerák speciális hangtartományokkal rendelkeznek).

Ezért a legjobb, ha olyan standard kontrasztszintet választ, amely bármely olvasó szkennelési körülményei között működik. A biztonságos kontrasztszintnek legalább 40% -nak kell lennie. Ezzel a százalékos különbséggel a QR-olvasó képes lesz pontosan megkülönböztetni a két színt.

A hagyományos fekete-fehér kódok felismerése akkor valószínű, ha a hangkontraszt 100% (fehér - 0%, fekete - 100%).

Mi a helyzet a fordított kódokkal?

Invertált kódok világosabb árnyalattal az előtérhez és sötétebb árnyalattal a háttérhez. Vigyázni kell az ilyen képekkel, mivel jelenleg kevés olvasó képes beolvasni őket. Ha ilyen kódokat generál, mindenképpen tesztelje őket, mielőtt beágyazná őket a marketingkampányába.

Kontraszt a színkódok előállításához

Ha mátrixkódot hoz létre például egy online QR-kódgenerátoron, akkor nagyobb esélye van arra, hogy észrevegye a közönség. Mivel több fogyasztó figyel a színes négyzetre, mint a szembe jól ismert szokásos fekete-fehérekre. Bármilyen színt választhat: sárga, piros, kék stb.

Ahhoz, hogy a színes QR-kód valóban hatékony legyen, fontos, hogy bármely olvasó beolvashassa. Ezért generáláskor érdemes különös figyelmet fordítani a színek kontrasztjára. Mivel a kontraszt az egyik legfontosabb paraméter, amely befolyásolja az olvashatóságot.

* Ne felejtse el figyelembe venni a kontraszt paramétert a tervezői és márkás QR-kódok létrehozásakor.