arrow_backBlogg
·5 min läsning·Super QR Code Generator Team

QR-kod med logotyp: Storleksregler som håller skanningen säker

Fel storlek på logotypen i din QR-kod kan orsaka skanningsfel. Lär dig exakta gränsvärden, placeringsregler och kontrasttips för att bygga snygga, tillförlitliga koder.

qr-kod designbranded qr-koderqr-kod logotypqr-kod varumärkesprofilering
QR-kod med logotyp: Storleksregler som håller skanningen säker
AI-generated

Att lägga in din logotyp i en QR-kod ser professionellt ut — tills kunderna rapporterar att den inte går att skanna. Problemet handlar sällan om logotypen i sig, utan om att den är för stor, placerad på fel ställe eller har för låg kontrast mot de omkringliggande modulerna. Den här guiden går igenom de specifika reglerna som låter dig varumärkesprofilera en QR-kod med självförtroende, utan att chansa på skanningssäkerheten.

Varför logotyper förstör skanningar (och varför de ibland inte gör det)

QR-koder använder en funktion som kallas felkorrigering för att tolerera fysiska skador eller visuella störningar. Det finns fyra felkorrigeringsnivåer:

Nivå Dataåterställningskapacitet Lämplig för logotyper?
L 7% Nej
M 15% Marginellt
Q 25% Ja
H 30% Bästa valet

När du bäddar in en logotyp döljer du avsiktligt moduler. Om det dolda området överstiger felkorrigeringsbudgeten misslyckas avkodningen. Nivå H ger dig störst marginaler — använd den alltid när du planerar att lägga in någon grafisk överläggsyta.

Poängen är: felkorrigering ger dig inte obegränsad täckning. Den ger dig ett hårt tak. Går du över det hjälper ingen mängd digital finjustering till.

30%-regeln — och varför du bör stanna vid 20%

Den vanligt citerade riktlinjen är att hålla logotypens täckning på eller under 30% av QR-kodens totala yta (vilket matchar nivå H:s kapacitet). I praktiken bör du räkna med 20% som din arbetsbudget, av tre skäl:

  1. Trycktoleranser. Offset- och digitaltryckning ger bläckspridning. En logotyp som mäter 28% på skärmen kan hamna högre på papper efter bläckabsorption.
  2. Närheten till sökmönster. De tre kvadratiska "ögonen" i hörnen är oumbärliga för avkodning. En logotyp som rinner in i dem försämrar skanningsfrekvensen dramatiskt, även om den totala täckningsprocenten ser bra ut.
  3. Intrång i den tysta zonen. Den tomma kanten runt koden är en del av specifikationen. Logotyper med yttre glöd eller skugga kan visuellt äta in i det utrymmet.

Placera din logotyp på 20% av QR-kodens totala yta, kontrollera att ingen kant nuddar ett sökmönster, och du har en bekväm säkerhetsmarginal.

Placering: Mitten är inte alltid rätt svar

Centrering är standard och fungerar bra för kvadratiska eller cirkulära logotyper. Men det är värt att förstå varför mitten är att föredra: de tätaste datamodulerna sitter nära kanterna och hörnen, medan mittregionen (exklusive tidsmönstren) tenderar att bära redundant data som felkorrigeringen enklare kan återskapa.

När mitten inte fungerar:

  • Din logotyp är liggande (breda rektanglar centrerade horisontellt börjar inkräkta på tidsmönstren ovan och nedan)
  • Ditt varumärkesmärke har mycket tunna linjer som försvinner när de skalas ned till 20%-ytan

För liggande logotyper finns två alternativ:

  • Beskär till en kvadratisk version av märket för användning inuti koden
  • Placera logotypen nedanför koden med generös tyst zon, snarare än som överläggsyta — det ser snyggare ut och ger noll skanningsrisk

Kontrast och bakgrundsfärg inuti logotypzonen

Modulerna runt din logotyp måste fortfarande läsas som mörka mot ljusa (eller tvärtom). Ett vanligt misstag är att använda en vit logotyp på en vit bakgrundspatch, vilket lämnar ett tvetydigt gap som avkodaren helt måste brygga via felkorrigering. Ett bättre tillvägagångssätt:

  • Ge logotypen en solid, ogenomskinlig bakgrund som matchar eller ligger nära kodens ljusa färg
  • Behåll minst 1 moduls bred padding av ren ljus yta mellan logotypkanten och närmaste mörka moduler
  • Undvik gradienter i logotypen som gör modulfärgerna tvetydiga nära gränsen

Om du vill ha en grundlig genomgång av kontrastkraven för hela koden hittar du detaljerade riktlinjer i vår guide om QR-kodens färgkontrast, med minimiförhållanden, mörkt-på-ljust kontra ljust-på-mörkt och färgkombinationer som orsakar kamerabearbetningsfel.

Fysisk storlek och minsta pixelbudget

Logotypens läsbarhet och QR-kodens tillförlitlighet beror båda på att koden är tryckt eller visad tillräckligt stort. En logotyp instoppad i en 2 cm × 2 cm kod vid 20% täckning är ungefär 4 mm bred — osynlig som varumärkesprofilering, och belastar ändå felkorrigeringsbudgeten.

Praktiska minimumstorlekar:

  • Tryck: QR-koden bör inte vara mindre än 3 cm × 3 cm för att logotypen ska vara igenkännbar
  • Skärm: QR-koden bör inte vara mindre än 300 × 300 px innan logotyplagret läggs till
  • Skylt / storformat: Skala logotypen proportionellt; 20%-ytan gäller fortfarande, överdimensionera den inte bara för att du har plats

Testa innan du skickar till tryckeriet

Ingen designregel ersätter testning. Innan du skickar till tryck:

  1. Exportera den färdiga designen i slutlig tryckupplösning
  2. Testa med minst tre appar: den inbyggda iOS-kameran, den inbyggda Android-kameran och en fristående skannerapp
  3. Testa under varierad belysning (starkt takljus, svagt omgivningsljus)
  4. Om du använder en dynamisk kod — som låter dig uppdatera mål-URL:en utan att trycka om — bekräfta att omdirigeringen fortfarande fungerar korrekt

Dynamiska koder är särskilt relevanta här eftersom branded koder ofta syns på förpackningar eller tryckt material med lång livslängd. Om destinationen ändras låter en dynamisk QR-kod dig uppdatera länken utan att behöva designa om eller trycka om det fysiska materialet.

Du kan bygga dessa branded koder direkt i Super QR Code Generator med felkorrigeringsnivå H inställt som standard när en logotyp identifieras.

Viktiga slutsatser

  • Använd felkorrigeringsnivå H varje gång du bäddar in en logotyp
  • Håll logotyptäckningen på eller under 20% av den totala kodytan, inte det teoretiska maxvärdet på 30%
  • Låt aldrig logotypen överlappa eller tränga in i de tre hörnens sökmönster
  • Liggande logotyper fungerar bättre placerade nedanför koden än centrerade inuti den
  • Ge logotypen en ogenomskinlig bakgrund och 1 moduls padding för att undvika kontrasttvetydighet
  • Testa alltid på riktiga enheter innan du skickar till tryck, särskilt vid förpackningskörningar
  • Kombinera en branded kod med en dynamisk URL så att du kan uppdatera destinationer utan en omdesign

Vanliga frågor

Vilket filformat fungerar bäst för en logotyp inuti en QR-kod?expand_more
PNG med transparent bakgrund ger dig störst flexibilitet under designarbetet, men exportera den slutliga sammansatta bilden som PNG eller SVG med en solid ogenomskinlig bakgrundspatch bakom logotypen. Undvik JPEG för den slutliga filen eftersom JPEG-komprimering skapar artefakter runt modulkanterna, vilket kan förvirra skannerdekodern vid små tryckstorlekarna.
Kan jag använda en logotyp med fulla färger inuti en QR-kod utan att förlora skanningssäkerheten?expand_more
Ja, logotyper med fulla färger fungerar bra så länge de omkringliggande modulerna behåller stark kontrast och logotypen har en solid bakgrundspatch. Avkodaren läser endast de mörka och ljusa modulerna runt logotypen — den ignorerar helt det täckta inre området. Problem uppstår när logotypfärger flödar in i angränsande moduler och gör deras ton tvetydig.
Hur beräknar jag 20% av en QR-kods yta för logotypens storlek?expand_more
Mät QR-kodens totala bredd i pixlar eller millimeter, exklusive den tysta zonens kant. Multiplicera det måttet med 0,447 för att få maximal logotypbredd (eftersom 0,447 i kvadrat är ungefär 0,20). Till exempel tillåter en kod på 300 px en logotyp på maximalt ungefär 134 px bred. Anpassa sedan logotypens höjd proportionellt för att rymmas inom den kvadratiska budgeten.
Gör en inbäddad logotyp QR-koden större eller lägger till fler moduler?expand_more
Nej. Logotypen är ett överläggsyta — den placeras ovanpå den genererade koden utan att ändra modulnätet. Det som påverkar kodens storlek (och därmed densitet) är felkorrigeringsnivån och mängden kodad data. Högre felkorrigeringsnivåer och längre URL:er ökar båda antalet moduler, vilket är varför det hjälper att hålla din destinations-URL kort eller använda en dynamisk omdirigering för att behålla en renare, mindre tät kod.
Orsakar en rund logotyp fler skanningsproblem än en kvadratisk vid samma täckningsyta?expand_more
Inte i sig. Runda logotyper lämnar mer transparenta hörn inom sin avgränsningsruta, vilket faktiskt bevarar fler moduler än en fylld kvadrat med samma avgränsningsrutans dimensioner. Formen spelar mindre roll än den totala dolda ytan och om någon del av logotypen nuddar hörnens sökmönster eller tidsstriparna längs kodens övre och vänstra kanter.