Poner un logo en un código QR
Un logo en el centro de un código QR no es una función del formato. Es un daño que el código está preparado para soportar, hasta cierto punto. Aquí verás dónde está ese punto y cómo quedarte bien lejos de él.
Respuesta cortaUn código QR con un logo en el centro sigue leyéndose porque el logo destruye algunos módulos y la corrección de errores reconstruye los datos que faltan. Funciona cuando el código usa un nivel de corrección alto (H o Q), el logo es de tamaño moderado y los patrones de localización y la zona de silencio quedan intactos. Prueba siempre el código terminado con varios móviles.
Cómo puede un logo ir encima de los datos
Todo código QR lleva datos redundantes, para que un arañazo, una mancha o un pliegue no lo dejen ilegible. La cantidad depende del nivel de corrección de errores elegido al crearlo. Un logo funciona gastando esa redundancia a propósito: los módulos que quedan debajo se pierden y el lector los reconstruye a partir del resto. El mecanismo se explica en corrección de errores de un código QR.
| Nivel | Recupera hasta | Apto para logo |
|---|---|---|
| L | alrededor del 7 % de las palabras de código | No apto |
| M | alrededor del 15 % de las palabras de código | No recomendable |
| Q | alrededor del 25 % de las palabras de código | Solo un logo pequeño |
| H | alrededor del 30 % de las palabras de código | La opción habitual para logos |
Esos porcentajes son un techo, no un presupuesto. Se refieren a palabras de código, no a superficie, y un logo rara vez daña palabras de código en unidades completas y ordenadas: un cuadrado pequeño puede recortar trozos de muchas a la vez. Todo lo demás que falle en la vida real, como un reflejo, un pliegue o una impresión borrosa, tira de la misma reserva. Un código que ha gastado toda su redundancia en un logo no tiene nada para el mundo real.
¿De qué tamaño puede ser el logo?
No hay una única cifra segura, y cualquier guía que la dé con decimales exagera lo que sabe. La regla práctica más citada es quedarse bien dentro de la fracción recuperable: con nivel H, se suele decir que funciona un logo que cubra hasta entre una quinta y una cuarta parte de la superficie del código, y muchos diseñadores se quedan bastante por debajo. Con nivel Q, apunta todavía más pequeño.
- Empieza pequeño y ve creciendo. Arranca con un logo de alrededor de una décima parte del ancho del código y amplíalo solo mientras todos los móviles de prueba lo lean al instante.
- Céntralo. El centro del código está ocupado sobre todo por módulos de datos, que la corrección de errores puede reconstruir.
- Dale un borde limpio. Un margen blanco alrededor del logo evita que los módulos tapados a medias se lean como ruido.
- Los códigos sencillos lo toleran mejor. Una URL corta da menos módulos y más grandes, así que el mismo logo destruye menos. Un código denso con un enlace largo puede fallar con un logo que en uno de cuadrícula gruesa iría bien.
Sin logo, los códigos de este sitio usan nivel Q y bajan a M en enlaces muy largos que pasarían de la versión 12. Cuando añades un logo, el código pasa a nivel H y el logo se limita a alrededor del 12 % de la superficie del símbolo. Si el contenido es demasiado largo para llevar un logo con seguridad, el generador te pide que lo acortes o que quites el logo.
Lo que un logo nunca debe tapar
La corrección de errores protege los datos. No protege la estructura que usa el lector para encontrar y orientar el código. Tapar cualquiera de estos elementos rompe el código, por alto que sea el nivel de corrección.
- Los tres patrones de localización. Los cuadrados grandes de tres esquinas le dicen al móvil que eso es un código QR y en qué orientación está.
- La información de formato. Las finas tiras de módulos junto a los patrones de localización registran el nivel de corrección y la máscara. Sin ellas, el lector no puede decodificar nada.
- Los patrones de temporización. Las líneas alternas oscuras y claras entre los patrones de localización permiten al lector contar la cuadrícula.
- Los patrones de alineación. Los cuadrados más pequeños de los códigos grandes, que ayudan a corregir la perspectiva.
- La zona de silencio. El margen en blanco exterior. Un logo o un distintivo encima impide que el lector vea dónde termina el símbolo.
Darle tu marca sin tocar el código
Casi todo lo que consigue un logo central —que se reconozca como tuyo y que se vea intencionado— puede lograrse fuera del código, sin gastar nada de su corrección de errores.
- Un marco con tu marca. Coloca el código dentro de un panel del color de tu marca, con el logo encima y una zona blanca alrededor del propio código.
- Un texto. «Escanea para ver la carta» junto al logo le dice a la gente qué va a obtener, y eso influye más en los escaneos que la decoración.
- El color alrededor, no dentro. Mantén el código oscuro sobre claro y pon el color de marca en el diseño que lo rodea. Consulta colores de un código QR para saber qué tolera el código en sí.
Si aun así quieres el logo dentro, el generador de códigos QR personalizados puede ponerlo en el centro por ti: la imagen se lee en tu dispositivo y nunca se sube, el código pasa a nivel H, el logo se limita a alrededor del 12 % de la superficie y queda incluido en el PNG y en el SVG. Aunque el generador deje ese margen, pruébalo a conciencia: a su tamaño final, en su material final, con varios móviles y con poca luz. Si duda en algún caso, acorta el enlace o prescinde del logo. La guía de solución de problemas explica qué más comprobar.
Añade tu logo a un código QR, sin subir nada:Crear un código QR con logo
Preguntas relacionadas
Normalmente sí, si el código usa un nivel de corrección de errores alto, el logo es moderado y está centrado, y los cuadrados de las esquinas y la zona de silencio están intactos. El logo funciona gastando redundancia, así que siempre reduce el margen frente a otros daños. Pruébalo antes de imprimir.
No hay un tamaño seguro exacto. Un techo habitual con el nivel H es entre una quinta y una cuarta parte de la superficie del código, pero cuanto más pequeño, más seguro, y los códigos densos toleran menos. Este generador lo limita a alrededor del 12 % de la superficie.
H, que recupera alrededor del 30 % de las palabras de código, es la opción habitual, y Q (alrededor del 25 %) puede funcionar con un logo pequeño. L y M dejan demasiada poca redundancia para tapar nada significativo.
Sí. Puedes subir un logo opcional que se lee en tu navegador y nunca se envía a ningún servidor. Con logo, el código usa el nivel H y el logo se limita a alrededor del 12 % de la superficie; el PNG y el SVG lo incluyen. Pruébalo con varios móviles antes de usarlo.
En general, no. Tres esquinas contienen los patrones de localización que usa el móvil para encontrar el código, y tapar uno impide leerlo. La cuarta esquina contiene datos y, en los códigos grandes, un patrón de alineación, así que el centro sigue siendo el sitio más seguro.