Logon lisääminen QR-koodiin näyttää viimeistellyltä — kunnes asiakkaat alkavat ilmoittaa, ettei koodi skannaudu. Ongelma ei yleensä ole logo sinänsä, vaan sen väärä koko, väärä sijainti tai liian heikko kontrasti ympäröiviin moduuleihin nähden. Tässä oppaassa käydään läpi tarkat säännöt, joiden avulla voit lisätä brändi-ilmeen QR-koodiin luottavaisesti — ilman että skannattavuus on arvailujen varassa.
Miksi logot rikkovat skannauksen (ja miksi ne toisinaan eivät riko)
QR-koodeissa on virheen korjaus -ominaisuus, jonka avulla ne sietävät fyysisiä vaurioita tai visuaalista peittymistä. Virheenkorjaustasoja on neljä:
| Taso | Tiedonpalautuskapasiteetti | Sopii logoille? |
|---|---|---|
| L | 7% | Ei |
| M | 15% | Vaivoin |
| Q | 25% | Kyllä |
| H | 30% | Paras valinta |
Kun upotat logon, peitit moduuleja tarkoituksella. Jos peitetty alue ylittää virheenkorjausbudjetin, dekooderi epäonnistuu. Taso H antaa eniten liikkumavaraa — käytä sitäaina, kun aiot lisätä graafisen elementin päälle.
Tärkeä huomio: virheenkorjaus ei anna rajatonta peittämismahdollisuutta. Se asettaa ehdottoman ylärajan. Ylitä se, ja mikään ohjelmistollinen korjaus ei pelasta skannausta.
30 prosentin sääntö — ja miksi kannattaa pysähtyä 20 prosenttiin
Yleisesti siteerattu ohje on pitää logon peitto enintään 30 prosentissa QR-koodin kokonaispinta-alasta (vastaten tason H kapasiteettia). Käytännössä kannattaa pitää työskentelyrajana 20 prosenttia kolmesta syystä:
- Painatustoleranssit. Offset- ja digitaalipainatus aiheuttavat musteen leviämistä. Logo, joka mittaa 28 prosenttia näytöllä, voi paperilla musteen imeytymisen jälkeen olla suurempi.
- Etsin kuvioiden läheisyys. Koodin kulmissa olevat kolme neliömäistä "silmää" ovat välttämättömiä dekoodaukselle. Jos logo ulottuu niihin, skannausprosentti laskee dramaattisesti — vaikka kokonaispeittoaste näyttäisi hyvältä.
- Hiljaisen alueen loukkaus. Koodin ympärillä oleva tyhjä reuna on osa spesifikaatiota. Logojen ulkohehkut tai varjot voivat visuaalisesti syödä tuota tilaa.
Aseta logosi 20 prosenttiin QR-koodin kokonaispinta-alasta, varmista ettei reunakaan kosketa etsinkuviota, ja sinulla on mukava turvamarginaali.
Sijoittelu: keskusta ei aina ole paras ratkaisu
Keskelle sijoittaminen on standardi ja toimii hyvin neliö- tai pyöreille logoille. On kuitenkin hyvä ymmärtää, miksi keskusta on suosittu: tiheimmät datamoduulit sijaitsevat reunoilla ja kulmissa, kun taas keskusalue (ajoituskuvioita lukuun ottamatta) sisältää usein redundanttia dataa, jonka virheenkorjaus pystyy jälleenrakentamaan helpommin.
Milloin keskusta ei toimi:
- Logosi on vaakasuhteinen (leveät suorakulmiot, jotka on keskitetty vaakasuunnassa, alkavat tunkeutua ylä- ja alapuolella oleviin ajoituskuvioihin)
- Brändimerkkisi sisältää hyvin ohuita viivoja, jotka häviävät kun ne skaalataan 20 prosentin alueelle
Vaakasuhteisille logoille kaksi vaihtoehtoa:
- Rajaa neliöversio merkistä käytettäväksi koodin sisällä
- Sijoita koko logo koodin alle reilualla hiljaisella alueella sen sijaan, että se overlayataan päälle — tämä on siistimpää ja skannausriski on nolla
Kontrasti ja taustaväri logo-alueella
Logosi ympärillä olevien moduulien täytyy edelleen näkyä tummina vaaleaa vasten (tai päinvastoin). Yleinen virhe on valkoisen logon sijoittaminen valkoiselle taustalaatalle, jolloin jää epäselvä aukko, jonka dekooderin täytyy täyttää kokonaan virheenkorjauksella. Parempi lähestymistapa:
- Anna logolle kiinteä, läpinäkymätön tausta, joka vastaa tai on lähellä koodin vaaleaa väriä
- Säilytä vähintään 1 moduulin levyinen täyte puhtaasta vaaleasta tilasta logon reunan ja lähimmän tumman moduulin välillä
- Vältä logoissa gradientteja, jotka tekevät moduuliväreistä epäselviä rajan lähellä
Jos tarvitset perustiedot koko koodin kontrastivaatimuksista, QR-koodin värikontrasti-oppaastamme löydät minimisuhteet, tumma vaalealla vs. vaalea tummalla -asettelut sekä värikombinaatiot, jotka aiheuttavat kameran käsittelyvirheitä.
Fyysinen koko ja minimitasoinen pikselibudjetti
Logon luettavuus ja QR-koodin luotettavuus riippuvat molemmat siitä, että koodi on painettu tai näytetty riittävän suurena. Logo, joka on ahdettu 2 cm × 2 cm kokoiseen koodiin 20 prosentin peitolla, on noin 4 mm leveä — näkymätöntä brändiviestintää, mutta silti syö virheenkorjausbudjetista.
Käytännön minimit:
- Painatus: QR-koodi ei saa olla pienempi kuin 3 cm × 3 cm, jotta logo pysyy tunnistettavana
- Näyttö: QR-koodi ei saa olla pienempi kuin 300 × 300 px ennen logo-kerroksen lisäämistä
- Juliste / suuri formaatti: Skaalaa logo suhteessa; 20 prosentin alueen sääntö pätee edelleen — älä ylisuurenna sitä vain siksi, että tilaa on
Testaa ennen painatukseen sitoutumista
Mikään suunnittelusääntö ei korvaa testausta. Ennen painatukseen lähettämistä:
- Vie valmis suunnitelma lopullisella painatusresoluutiolla
- Testaa vähintään kolmella sovelluksella: iOS-kameralla, Android-kameralla ja yhdellä erillisellä skannaussovelluksella
- Testaa eri valaistusolosuhteissa (kirkas yläpuolinen valo, hämärä ympäristövalo)
- Jos käytät dynaamista koodia — joka mahdollistaa kohdeosoitteen päivittämisen ilman uudelleenpainoa — varmista, että uudelleenohjaus toimii edelleen oikein
Dynaamiset koodit ovat erityisen tärkeitä tässä yhteydessä, koska brändätyt koodit esiintyvät usein pakkauksissa tai painetussa materiaalissa, joilla on pitkä käyttöikä. Jos kohde muuttuu, dynaaminen QR-koodi antaa sinun päivittää linkin ilman fyysisen tuotteen uudelleensuunnittelua tai -painatusta.
Voit rakentaa nämä brändätyt koodit suoraan Super QR Code Generatorilla, jossa taso H on jo oletuksena asetettu, kun logo havaitaan.
Tärkeimmät opit
- Käytä virheenkorjaustasoa H aina, kun upotat logon
- Pidä logon peitto enintään 20 prosentissa kokonaiskoodin alasta — ei teoreettisessa 30 prosentin maksimissa
- Älä koskaan anna logon peittää tai ahtaa kolmea kulmaetsinkuviota
- Vaakasuhteinen logo toimii paremmin sijoitettuna koodin alle kuin keskitettynä sen sisään
- Anna logolle läpinäkymätön tausta ja 1 moduulin täyte kontrastiepäselvyyden välttämiseksi
- Testaa aina oikeilla laitteilla ennen painatukseen sitoutumista, erityisesti pakkauspainatuksissa
- Yhdistä brändätty koodi dynaamiseen URL-osoitteeseen, jotta voit päivittää kohteet ilman uudelleensuunnittelua
Tutustu myös brändättyjen QR-koodien suunnitteluoppaaseemme, jossa käsitellään silmämuotoja, moduulityylejä ja muita visuaalisia vaihtoehtoja skannattavuuden säilyttäen.