Brändättyjen QR-koodien suunnittelu 2026: Silmämuodot, moduulityylit ja skannattavuus

Oletusarvoinen QR-koodi on kolme mustaa neliötä kulmissa ja pikseleistä koostuva seinämä keskellä. Toimiva — mutta premium-tuotepakkauksessa tai kahvilamenyssä se näyttää kuin suoraan vuodesta 2003. Vuonna 2026 QR-koodi on osa brändin visuaalista pintaa, eikä sen pitäisi erottua joukosta väärällä tavalla.

Tässä oppaassa käymme läpi kolme tyyliteltävää tasoa — hakusilmät, moduulikaavat ja keskuslogo — sekä sen yhden kovan säännön, joka ratkaisee, skannaako koodi yhä kun olet valmis.

QR-koodin kolme visuaalista tasoa

Avaa mikä tahansa QR-koodi ja näet aina samat kolme asiaa:

1. Hakusilmät — kolme isoa neliötä kulmissa. Puhelimen kamera lukitsee niihin ensin. Neljäs kulma (oikeassa alanurkassa) pitää sisällään kohdistuskaavion, ei hakusilmää.
2. Moduulikaava — pienten neliöiden ruudukko välissä. Jokainen neliö on yksi bitti koodattua dataa.
3. Keskuslogo — valinnainen. Koodin keskelle noin 20 %:n alueelle sijoitettu logo peittää Reed–Solomon-virheenkorjauksen hoitaman alueen, joten skanneri pystyy silti palauttamaan datan.

Jokainen ammattimainen brändätty QR-koodi tyylitellään näillä kolmella tasolla — ei lisäämällä gradienttia koko koodin päälle.

Hakusilmät: 33 muotoa, sama jalanjälki

Super QR Code Generator sisältää tällä hetkellä 33 hakusilmätyyliä — klassisesta Neliöstä, Pyöristetystä ja Ympyrästä koristeellisiin Sydämeen, Tähteen, Kissaan, Kompassiin, Kilpeen, Lehteen ja Ichthys (ΙΧΘΥΣ) -kalaan. Jokainen niistä säilyttää skannerin odottaman 7 moduulin ulkojalanjäljen, joten voit yhdistellä niitä vapaasti minkä tahansa moduulikaavan kanssa.

Vanha nyrkkisääntö — "skanneri tarvitsee täydellisen neliömäisen silmän" — on väärä. Skanneri tarvitsee oikeasti 1 : 1 : 3 : 1 : 1 tumma-vaalea-tumma-vaalea-tumma -suhteen minkä tahansa vaaka- tai pystylinjan läpi silmän keskustasta. Mikä tahansa muoto, jossa on noin 3 moduulia tummaa täyttöä keskellä, toimii.

Moduulikaavat: 16 tyyliä ja lisää tulossa

Sisäruudukolle tarjoamme 16 kaavaa: Neliö, Pyöristetty, Pisteet, Timantti, Classy, Tähti, Plus, Kuusikulmio, Risti, Sydän, Kolmio, Pisaramuoto, Kukka, Kahdeksankulmio sekä kaksi tekoälypohjaista paikkaa, joihin voit tuoda oman SVG-polun. Pyöristetyt ja Pisteet-kaavat skannaavat hieman heikommin kuin neliö pienissä ko'oissa painetuilla pinnoilla — alle noin 2 cm:n ko'oissa suosittelemme edelleen neliötä esimerkiksi tarroihin ja etiketteihiin.

Keskuslogo: suurenna sitä, mutta käytä taso H:ta

Jos haluat tunnistettavan logon keskelle, aseta virheenkorjaustaso taso H:ksi (noin 30 % redundanssia) ennen logon sijoittamista, ei sen jälkeen. Sisältö vie enemmän moduuleja, joten koodi tihenee visuaalisesti — mutta taso H sietää jopa noin 22 %:n kokoisen logon suhteessa koodin pinta-alaan.

Logoa varten tarjoamme sisäänrakennetun kirjaston brändilogoja (Wi-Fi, WhatsApp, YouTube, Instagram, Spotify, …) sekä mahdollisuuden ladata oma SVG tai PNG.

Yksi sääntö: 1 : 1 : 3 : 1 : 1

Yleisin syy siihen, että kaunis QR-koodi ei skannaa, on se, että koristeellisessa silmässä on liian paljon vaaleaa tilaa keskellä. Skanneri ampuu vaaka- ja pystyskannauslinjoja jokaisen hakusilmäehdokkaan läpi ja odottaa kaavan täsmäävän noin ±15 %:n tarkkuudella tuohon 1 : 1 : 3 : 1 : 1 -suhteeseen.

Suunnittelijalle käännettynä: jokaisen hakusilmän keskellä olevan 3×3 moduulin täytyy olla pääosin tumma. Koristelu kuuluu silmän reunoille, ei sen ytimeen. Jokainen 33 muodostamme on suunniteltu tämä sääntö mielessä — muokkaustyökalussa on sisäänrakennettu skannattavuustarkistus, joka varoittaa heti, jos yhdistelmä alittaa turvallisen kontrastin tai peiton.

Käytännön resepti

Jos suunnittelet ensimmäistä brändättyä QR-koodiasi:

1. Aloita Pyöristetty-moduuleilla ja vastaavilla Pyöristetyillä silmillä — laajin yhteensopivuuskombo.
2. Värjää etualue ensisijaisella brändivärilläsi ja pidä tausta valkoisena. Kontrastisuhteen on pysyttävä yli 4,5 : 1.
3. Korvaa keskusta logollasi noin 18–20 %:n koolla suhteessa kankaaseen, taso H virheenkorjauksella.
4. Lisätehosteeksi vaihda pelkät silmät vaihtoehtoihin Sydän, Tähti, Kissa, Lehti tai Kilpi — moduuliruudukko pysyy klassisena, joten skannausvarmuus ei kärsi.
5. Tulosta testikappale pienimmässä koossa, jossa se koskaan esiintyy, ja skannaa se kolmella puhelimella (iOS-kamera, Android-kamera, WeChat-kamera). Jos jokin niistä epäröi yli sekunnin, palaa Pyöristettyihin silmiin.

Kokeile itse

Kaikki tässä mainitut ominaisuudet ovat käytössä — avaa muokkaustyökalu, valitse silmät ja moduulikaava, lisää logo ja vie tiedosto. Ilmaisessa tasossa ei vesileimaa, dynaamiset uudelleenohjaukset ja analytiikka alkaen 0,99 $/kk.

Aloita brändätyn QR-koodin suunnittelu →