arrow_backBlog
·6 min de lectura·Super QR Code Generator Team

Logotip en Codis QR: Regles de Mida per Garantir l'Escaneig

Els logotips mal dimensionats dins dels codis QR poden impedir l'escaneig. Aprèn els límits exactes de mida, les regles de posicionament i els consells de contrast per mantenir la fiabilitat.

disseny de codis qrcodis qr amb marcalogotip en codi qrbranding en codis qr
Logotip en Codis QR: Regles de Mida per Garantir l'Escaneig
AI-generated

Afegir el logotip a un codi QR dona un aspecte professional — fins que els clients et diuen que no s'escaneja. El problema gairebé mai és el logotip en si; és el logotip amb una mida incorrecta, en una posició equivocada, o amb poc contrast respecte als mòduls que l'envolten. Aquesta guia recull les regles concretes que et permeten incorporar la teva marca a un codi QR amb confiança i sense arriscar la fiabilitat de l'escaneig.

Per Què els Logotips Trenquen l'Escaneig (i Per Què de Vegades No)

Els codis QR utilitzen una funció anomenada correcció d'errors per tolerar danys físics o obstruccions visuals. Hi ha quatre nivells de correcció d'errors:

Nivell Capacitat de recuperació de dades Apte per a logotips?
L 7% No
M 15% Just
Q 25%
H 30% Millor opció

Quan inseriu un logotip, esteu cobrint mòduls de manera intencionada. Si l'àrea coberta supera el marge de correcció d'errors, el descodificador falla. El nivell H és el que ofereix més marge — utilitza'l sempre que vulguis incloure qualsevol element gràfic superposat.

El punt clau: la correcció d'errors no et dona una cobertura il·limitada. Et dona un límit màxim. Si el superes, cap millora de programari recuperarà l'escaneig.

La Regla del 30% — i Per Què Has de Parar al 20%

La recomanació més estesa és mantenir la cobertura del logotip al 30% o menys de l'àrea total del codi QR (corresponent a la capacitat del nivell H). A la pràctica, el 20% ha de ser el teu límit de treball per tres raons:

  1. Toleràncies d'impressió. La impressió offset i digital introdueix expansió de la tinta. Un logotip que mesura el 28% en pantalla pot superar aquest percentatge en paper un cop absorbida la tinta.
  2. Proximitat als patrons de cerca. Els tres "ulls" quadrats als cantons del codi són imprescindibles per a la descodificació. Qualsevol logotip que s'endinsi en ells redueix dràsticament les taxes d'escaneig, encara que el percentatge total de cobertura sembli acceptable.
  3. Intrusió en la zona de silenci. El marge en blanc al voltant del codi forma part de l'especificació. Els logotips amb ombres externes o efectes de llum poden envair visualment aquest espai.

Col·loca el logotip al 20% de l'àrea total del codi QR, verifica que cap vora toca un patró de cerca, i tindràs un marge de seguretat còmode.

Posicionament: El Centre No Sempre és la Millor Opció

El posicionament central és estàndard i funciona bé per a logotips quadrats o circulars. Però és important entendre per què el centre és preferit: els mòduls de major densitat de dades es troben prop de les vores i cantons, mentre que la regió central (excloent els patrons de temporització) tendeix a portar dades redundants que la correcció d'errors pot reconstruir amb més facilitat.

Quan el centre no funciona:

  • El logotip és horitzontal (els rectangles amples centrats horitzontalment comencen a envair els patrons de temporització per dalt i per baix)
  • La teva marca inclou línies molt fines que desapareixen quan es redueix per encabir-se a l'àrea del 20%

Per a logotips horitzontals, dues opcions:

  • Retalla una versió quadrada de la marca per usar-la dins del codi
  • Col·loca el logotip complet per sota del codi amb una zona de silenci generosa, en lloc de superposar-lo — és més net i no comporta cap risc per a l'escaneig

Contrast i Color de Fons dins la Zona del Logotip

Els mòduls que envolten el logotip han de continuar llegint-se com a fosc sobre clar (o a l'inrevés). Un error habitual és usar un logotip blanc sobre un fons blanc, la qual cosa deixa un buit ambigu que el descodificador ha de salvar únicament a través de la correcció d'errors. Un enfocament millor:

  • Dona al logotip un fons sòlid i opac que coincideixi o s'acosti al color clar del codi
  • Mantén almenys un mòdul d'amplada de marge d'espai clar net entre la vora del logotip i els mòduls foscos més propers
  • Evita degradats al logotip que facin que els colors dels mòduls siguin ambigus prop de la vora

Si necessites una referència sobre els requisits de contrast per a tot el codi, el nostre article sobre codis QR dinàmics i estàtics inclou informació sobre com garantir que el codi funcioni correctament en el context de les campanyes impreses.

Mida Física i Pressupost Mínim de Píxels

La llegibilitat del logotip i la fiabilitat del codi QR depenen tots dos que el codi s'imprimeixi o es mostri amb una mida suficient. Un logotip encabit en un codi de 2 cm × 2 cm al 20% de cobertura fa aproximadament 4 mm d'amplada — invisible com a marca, i tot i així consumint el pressupost de correcció d'errors.

Mínims pràctics:

  • Impressió: codi QR no inferior a 3 cm × 3 cm perquè el logotip sigui identificable
  • Pantalla: codi QR no inferior a 300 × 300 px abans d'afegir la capa del logotip
  • Cartells / gran format: escala el logotip proporcionalment; la regla del 20% continua aplicant-se, no el facis massa gran simplement perquè tens espai

Prova Abans de Comprometre't amb la Impressió

Cap regla de disseny substitueix les proves reals. Abans d'enviar a imprimir:

  1. Exporta el disseny acabat a la resolució d'impressió final
  2. Prova-ho amb almenys tres aplicacions: la càmera nativa d'iOS, la càmera nativa d'Android i una aplicació d'escaneig independent
  3. Prova en condicions d'il·luminació variada (llum zenital intensa, ambient tènue)
  4. Si uses un codi dinàmic — que et permet actualitzar l'URL de destinació sense reimprimir — confirma que la redirecció continua funcionant correctament

Els codis dinàmics són especialment rellevants aquí perquè els codis amb marca sovint apareixen en envasos o materials impresos amb una vida útil llarga. Si la destinació canvia, un codi QR dinàmic et permet actualitzar l'enllaç sense haver de redissenyar ni reimprimir el material físic.

Pots crear aquests codis amb marca directament des del Generador de Codis QR Super amb el nivell H de correcció d'errors ja configurat per defecte quan es detecta un logotip.

Punts Clau

  • Utilitza el nivell de correcció d'errors H sempre que insereixi un logotip
  • Mantén la cobertura del logotip al 20% o menys de l'àrea total del codi, no el màxim teòric del 30%
  • No permetis mai que el logotip se superposi o envaeixi els tres patrons de cerca als cantons
  • Els logotips horitzontals funcionen millor col·locats per sota del codi que centrats a l'interior
  • Dona al logotip un fons opac i un marge d'un mòdul per evitar ambigüitat de contrast
  • Prova sempre en dispositius reals abans de comprometre't amb la impressió, especialment per a tirades d'envasos
  • Combina un codi amb marca amb una URL dinàmica per poder actualitzar les destinacions sense redissenyar

Preguntes freqüents

Quin format de fitxer és millor per a un logotip dins d'un codi QR?expand_more
El PNG amb fons transparent ofereix la màxima flexibilitat durant el disseny, però exporta la imatge final fusionada com a PNG o SVG amb un fons opac sòlid darrere del logotip. Evita el JPEG per al resultat final, ja que la compressió JPEG introdueix artefactes al voltant de les vores dels mòduls, la qual cosa pot confondre els descodificadors d'escàners en mides d'impressió petites.
Puc usar un logotip en color complet dins d'un codi QR sense perdre fiabilitat d'escaneig?expand_more
Sí, els logotips en color complet no representen cap problema sempre que els mòduls circumdants mantinguin un contrast fort i el logotip tingui un fons sòlid. El descodificador només llegeix els mòduls foscos i clars al voltant del logotip — ignora completament l'interior de l'àrea coberta. Els problemes apareixen quan els colors del logotip s'estenen cap als mòduls adjacents i fan que el seu to sigui ambigu.
Com calcul el 20% de l'àrea d'un codi QR per dimensionar el logotip?expand_more
Mesura l'amplada total del codi QR en píxels o mil·límetres, excloent el marge de zona de silenci. Multiplica aquesta dimensió per 0,447 per obtenir l'amplada màxima del logotip (ja que 0,447 al quadrat equival aproximadament a 0,20). Per exemple, un codi de 300 px permet un logotip d'uns 134 px d'amplada com a màxim. Llavors ajusta l'alçada del logotip proporcionalment per encabir-lo dins d'aquest pressupost quadrat.
Afegir un logotip fa que el codi QR sigui més gran o tingui més mòduls?expand_more
No. El logotip és una capa superposada — se situa sobre el codi generat sense modificar la seva quadrícula de mòduls. El que sí afecta la mida del codi (i per tant la seva densitat) és el nivell de correcció d'errors i la quantitat de dades codificades. Nivells de correcció d'errors més alts i URLs més llargues augmenten el nombre de mòduls, per això mantenir l'URL de destinació curta o usar una redirecció dinàmica ajuda a mantenir un codi més net i menys dens.
Un logotip rodó provoca més fallades d'escaneig que un de quadrat amb la mateixa àrea de cobertura?expand_more
No necessàriament. Els logotips rodons deixen més cantons transparents dins del seu quadre delimitador, la qual cosa preserva més mòduls que un quadrat ple de les mateixes dimensions. La forma importa menys que l'àrea total obstruïda i si alguna part del logotip toca els patrons de cerca dels cantons o les franges de temporització que recorren les vores superior i esquerra del codi.