QR-koodi esitteessä ja julisteessa: koko, kontrasti ja hyvät käytännöt
Esitteen QR-koodin koko on vähintään 2×2 cm (20×20 mm). Lisäksi koodin ympärille jätetään 4 moduulin levyinen hiljainen alue. Julisteissa ja bannereissa koodin sivun pituus lasketaan skannausetäisyydestä: noin 1/10 etäisyydestä eli noin 10 cm, kun etäisyys on 1 m, ja noin 30 cm, kun etäisyys on 3 m. Tulosta koodi vektorina (SVG, PDF) tai vähintään 300 DPI:n bittikarttana. Käytä tummaa koodia vaalealla taustalla ja lyhyttä linkkiä, jossa on UTM-parametrit. Skannaa koe-tuloste aina mittakaavassa 1:1 usealla puhelimella.
Esitteen QR-koodi toimii vain, jos puhelin lukee sen heti ensimmäisellä yrityksellä. Jos koodi on liian pieni, ahdettu nurkkaan, painettu vaalealla värillä tai vie toimimattomalle sivulle, kukaan ei yritä toista kertaa. Tästä oppaasta löydät tarkat mitat esitteisiin, käyntikortteihin, julisteisiin ja bannereihin. Käymme läpi myös hiljaisen alueen ja kontrastin säännöt, lyhyen linkin, jolla skannauksia voi seurata, sekä yksinkertaisen testin, joka kannattaa tehdä ennen kuin tiedosto lähtee painoon.
Minkä kokoinen QR-koodi esitteeseen ja käyntikorttiin?
Käsissä luettavissa painotuotteissa lukuetäisyys on 15–25 cm. Pelkän koodin vähimmäiskoko on silloin 2×2 cm ilman hiljaista aluetta. Raja on turvallinen useimmille puhelimille, kunhan koodissa on lyhyt linkki. Mitä pidempi osoite, sitä enemmän koodissa on moduuleja eli pieniä neliöitä. Samankokoisessa koodissa jokainen moduuli on silloin pienempi.
Nyrkkisääntönä yksittäinen moduuli saa olla korkeintaan noin 0,5 mm pienempi. Jos koodissa on paljon moduuleja ja tilaa on vähän, lyhennä linkkiä äläkä pienennä koodia. Käyntikortissa 15–18 mm:n koodi on luettavissa vain, jos osoite on hyvin lyhyt. Siksi yksinkertainen linkki on käyntikortissa erityisen tärkeä.
| Painotuote | Tyypillinen skannausetäisyys | Suositeltu koodin sivu |
|---|---|---|
| Käyntikortti 85×55 mm (myös 90×50 mm) | 15–20 cm | 18–22 mm |
| Esite A6, DL | 20–25 cm | 20–25 mm |
| Esite A5, A4, ruokalista | 25–40 cm | 25–35 mm |
| Etiketti, hintalappu, tarra | 10–20 cm | väh. 15–20 mm, linkin pituuden mukaan |
| Lahjakortti, kutsu | 20–25 cm | 20–25 mm |
Kuinka suuri QR-koodi julisteeseen, roll-upiin ja banneriin?
Suurissa formaateissa koko määräytyy sen mukaan, kuinka kaukaa koodi skannataan. Hyväksi havaittu suhde on 10:1, eli koodin sivu on noin 1/10 etäisyydestä. Lisää 20–30 % varaa, jos valaistus on heikko, koodi on näyteikkunan lasin takana tai se skannataan vinosta kulmasta.
Ilmoitustaululla olevassa A3-julisteessa 5–8 cm riittää, koska ihmiset tulevat lähelle. Sama juliste näyteikkunassa, jota katsotaan jalkakäytävältä lasin läpi, tarvitsee 10–15 cm:n koodin. Sijoita roll-upin koodi suunnilleen silmien korkeudelle. Alareunassa pöydät ja ihmiset peittävät sen usein.
| Skannausetäisyys | Koodin sivun vähimmäiskoko | Esimerkki |
|---|---|---|
| 30–50 cm | 3–5 cm | A4–A3-juliste ilmoitustaululla |
| 1 m | n. 10 cm | A2–A1-juliste, roll-up messuosastolla |
| 2 m | n. 20 cm | näyteikkunajuliste, kyltti |
| 3 m | n. 30 cm | banneri aidassa jalkakäytävän vieressä |
| 5 m | n. 50 cm | banneri, joka näkyy kadun toiselle puolelle |
Hiljainen alue: kuinka paljon tyhjää tilaa koodin ympärille?
Hiljainen alue on koodia ympäröivä tyhjä, vaalea marginaali. QR-standardi edellyttää 4 moduulin levyistä aluetta joka sivulle. Kun koodi on 25 mm ja siinä on 25 moduulia, alue on noin 4 mm. Ilman tätä marginaalia kamera ei tunnista, mistä koodi alkaa. Tämä korostuu, jos aivan vieressä on kuva, kuvio tai tekstiä.
Älä sijoita koodia taitettavan esitteen taitteeseen, leikkuulinjan viereen tai voimakkaasti kaarevalle pinnalle, kuten kapeaan pulloon. Pidä koodi turvamarginaalin sisäpuolella vähintään muutaman millimetrin päässä lopullisen koon reunasta, sillä leikkauksessa on aina toleranssia.
- Hiljainen alue: vähintään 4 moduulia vaaleaa taustaa joka sivulla.
- Kehykset, koristeet ja teksti eivät saa ulottua tälle alueelle.
- Ei nuuttaukseen, taitteeseen eikä leikkuuvaraan.
- Kuvan tai kuvion päällä koodin alle tulee yhtenäinen vaalea pohja.
Kontrasti ja värit: mitä voi muuttaa ja mitä kannattaa välttää?
Varmimmin toimii tumma koodi vaalealla taustalla. Koodin ei tarvitse olla musta: tummansininen, tummanvihreä tai viininpunainen toimii myös, kunhan vaaleusero taustaan on suuri. Ongelmia aiheuttavat vaaleat värit (keltainen, vaaleansininen, pastellit), koodin läpi kulkevat liukuvärit ja käänteinen asettelu eli vaalea koodi tummalla taustalla. Osa lukijasovelluksista ei tunnista käänteistä koodia lainkaan.
Offsetpainossa koodi kannattaa tehdä 100 % K:lla eikä neljästä väristä koostetulla mustalla. Pienikin kohdistusvirhe sumentaa moduulien reunat. Huomioi myös viimeistely. Kiiltolaminointi, UV-lakka ja näyteikkunan lasi heijastavat, ja heijastus voi tehdä koodista lukukelvottoman. Mattalaminointi on tässä turvallisempi valinta.
| Ratkaisu | Luettavuus | Huomioita |
|---|---|---|
| Musta 100 % K valkoisella | erittäin hyvä | turvallisin valinta |
| Tumma yritysväri valkoisella | hyvä | tarkista kontrasti tulosteesta |
| Vaalea koodi tummalla taustalla | epävarma | osa sovelluksista ei lue sitä |
| Pastellinen tai keltainen koodi | heikko | liian pieni vaaleusero |
| Logo koodin keskellä | hyvä tasolla H | pieni logo, testaa aina |
Lyhyt linkki, dynaaminen koodi ja UTM-seuranta
Mitä lyhyempi osoite koodissa on, sitä vähemmän moduuleja koodiin tulee ja sitä helpompi pieni koodi on skannata. Pitkän, monta parametria sisältävän linkin sijaan käytä lyhyttä alasivua, esimerkiksi yrityksesi.fi/kampanja, joka ohjaa eteenpäin, tai linkinlyhentäjää. Kohdesivun on toimittava puhelimella ja käytettävä https-yhteyttä, koska koodit skannataan nimenomaan älypuhelimella.
Lisää kohdelinkkiin UTM-parametrit, niin näet, montako kävijää esite toi. Parametrit ovat utm_source (esim. esite), utm_medium (esim. painotuote) ja utm_campaign (esim. myymalan-avajaiset). Analytiikkatyökalussa näet silloin kunkin painotuotteen liikenteen erikseen. Kätevintä on piilottaa pitkä UTM-linkki oman verkkotunnuksen lyhyen uudelleenohjauksen taakse.
Staattinen koodi sisältää osoitteen pysyvästi eikä vanhene. Dynaaminen koodi kulkee välityspalvelun kautta. Sen osoitetta voi muuttaa painamisen jälkeen, ja se laskee skannaukset. Yleensä se kuitenkin toimii vain maksullisella tilauksella. Kun tilaus päättyy, painetut koodit voivat lakata toimimasta. Suurissa painoksissa uudelleenohjaus omassa verkkotunnuksessa on siksi parempi ratkaisu.
- Oma UTM-linkki jokaiselle medialle: esitteelle, julisteelle ja bannerille.
- Samat parametrien nimet koko kampanjassa, pienillä kirjaimilla.
- Uudelleenohjaus omassa verkkotunnuksessa ulkoisen palvelun sijaan.
- Kohdesivu, joka on sovitettu puhelimelle ja vastaa painotuotteen sisältöä.
Teksti koodin alle: mitä kirjoittaa, jotta ihmiset skannaavat?
Pelkkä neliö ei kerro, mitä skannauksen jälkeen tapahtuu. Lyhyt teksti koodin vieressä tai alla kertoo hyödyn ja antaa selvän syyn skannata. Kirjoita konkreettisesti ja käskymuodossa. Lisää myös lyhyt osoite tekstinä niille, joilla skannaus ei onnistu.
- Verkkoruokalista: ”Skannaa ja katso koko ruokalista hintoineen”.
- Alennus: ”Skannaa ja saat -10 % ensimmäisestä tilauksesta”.
- Varaus: ”Varaa pöytä 30 sekunnissa”.
- Tapahtuma: ”Skannaa ja ilmoittaudu työpajaan”.
- Arvio: ”Arvioi meidät Googlessa – skannaa koodi”.
- Yhteystiedot: ”Tallenna numeromme puhelimeesi”.
- Reittiohjeet: ”Skannaa ja avaa reittikartta”.
- Koodin alle aina lyhyt osoite tekstinä, esim. yrityksesi.fi/kampanja.
Painotiedosto ja testaus ennen painoa
Tuo koodi taittoon vektorina (SVG, PDF, EPS). Jos käytössäsi on vain bittikartta, sen resoluution on oltava lopullisessa koossa vähintään 300 DPI. Sitä ei saa suurentaa eikä pehmentää, koska moduulien reunat sumenevat. Mittakaavassa 1:10 tehtävissä suurissa formaateissa vektori on välttämätön: roll-upin 15 cm:n koodi on tiedostossa vain 1,5 cm. Esimerkiksi plakaty.shopissa roll-upien ja bannerien tiedostot tehdään juuri mittakaavassa 1:10. Esitteet tehdään lopulliseen kokoon 3 mm:n leikkuuvaroin ja turvamarginaalein, joten pidä koodi tämän marginaalin sisäpuolella.
Tulosta sivu ennen painoa tavallisella tulostimella 100 %:n koossa. Skannaa koodi vähintään kahdella puhelimella, joissa on eri käyttöjärjestelmät. Skannaa lopulliselta etäisyydeltä, himmeämmässä valossa ja hieman vinosta. Tarkista, että linkki avaa oikean sivun ja että analytiikkaan tulee käynti UTM-parametreineen. Hyväksy tiedosto vasta sitten. Lue vielä kertaalleen kaikki tekstit, puhelinnumerot ja osoitteet.
Tarkistuslista
- Koodi on esitteessä vähintään 2×2 cm ja julisteessa noin 1/10 skannausetäisyydestä
- Koodin ympärillä on vähintään 4 moduulin hiljainen alue
- Tumma koodi vaalealla, yhtenäisellä taustalla, offsetpainossa 100 % K
- Koodi vektorina tai vähintään 300 DPI:n bittikarttana lopullisessa koossa
- Lyhyt linkki omassa verkkotunnuksessa, UTM-parametrit uudelleenohjauksessa
- Kohdesivu toimii puhelimella ja käyttää https-yhteyttä
- Koodin alla hyödyn kertova teksti ja osoite tekstinä
- Koodi on taitteen, leikkuuvaran ja leikkuulinjan ulkopuolella
- 1:1-tuloste on skannattu vähintään kahdella puhelimella
Usein kysyttyä
Mikä on esitteen QR-koodin vähimmäiskoko?
Turvallinen vähimmäiskoko on 2×2 cm pelkälle koodille, ja lisäksi tarvitaan 4 moduulin levyinen hiljainen alue. Käyntikortissa voi hyvin lyhyellä linkillä mennä noin 15–18 mm:iin, mutta se vaatii testin tulosteella. Pitkällä osoitteella kannattaa suurentaa koodi 25–30 mm:iin tai lyhentää linkkiä.
Voiko QR-koodi olla värillinen?
Voi, kunhan koodi on selvästi taustaa tummempi, esimerkiksi tummansininen tai tummanvihreä valkoisella. Vältä vaaleita värejä, koodin läpi kulkevia liukuvärejä ja käänteistä asettelua eli vaaleaa koodia tummalla taustalla. Testaa värillinen koodi aina skannaamalla koetuloste.
Vanheneeko QR-koodi?
Staattinen koodi sisältää osoitteen pysyvästi eikä vanhene. Se lakkaa toimimasta vain, jos kohdesivu poistetaan käytöstä. Ulkoisen palvelun dynaaminen koodi voi lakata toimimasta, kun tilaus päättyy. Pitkäikäisissä painotuotteissa koodi kannattaa siksi ohjata oman verkkotunnuksen uudelleenohjaukseen.
Miten näen, montako ihmistä skannasi esitteen QR-koodin?
Lisää kohdelinkkiin UTM-parametrit, esimerkiksi utm_source=esite, utm_medium=painotuote ja kampanjan nimi. Analytiikkatyökalussa näet silloin tietyn painotuotteen tuomat käynnit. Vaihtoehtona on dynaaminen koodi, joka laskee skannaukset itse.
Voiko QR-koodin keskelle laittaa logon?
Voi, jos koodi luodaan korkealla virheenkorjaustasolla H. Se palauttaa jopa noin 30 % vaurioituneista tiedoista. Logon on oltava pieni, eikä se saa peittää kulmien kolmea suurta neliötä. Testaa tällainen koodi aina usealla puhelimella ennen painoa.
Mihin QR-koodi kannattaa sijoittaa esitteessä?
Useimmiten alaosaan tai kääntöpuolelle, konkreettisen toimintakehotuksen ja yhteystietojen viereen. Jätä koodin ympärille tyhjää tilaa ja pidä se kaukana taitteista ja leikkuureunoista. Koodin pitää olla helppo löytää, mutta sen ei tarvitse hallita pääsisältöä.
