Código QR con logo que se escanea: tamaño, contraste y pruebas
Un código QR con logo se escanea bien si el logo es pequeño, está en el centro y el código mantiene un contraste fuerte y un margen libre alrededor. En este artículo verás cómo lograr ese equilibrio, cómo probarlo y qué suele salir mal.
Puedes ir haciéndolo en el generador de códigos QR, donde subes tu logo, eliges colores y descargas en PNG o SVG gratis.
Por qué un logo puede romper un código QR
Un código QR es una cuadrícula de cuadraditos llamados módulos. La cámara del celular lee el patrón y reconstruye los datos. Un logo en el centro tapa parte de esos módulos, así que el teléfono debe recuperar lo que falta gracias a una redundancia incluida en el propio código. Esa redundancia se llama corrección de errores.
El estándar ISO/IEC 18004 define cuatro niveles: L (cerca del 7 %), M (cerca del 15 %), Q (cerca del 25 %) y H (cerca del 30 %). El porcentaje indica cuánto del código puede estar dañado o tapado y aun así leerse. Si quieres el detalle, lo tienes en niveles de corrección de errores del código QR.
Lo importante para un logo: la zona tapada gasta parte de ese margen. Lo que queda tiene que cubrir todo lo demás, como un roce en un adhesivo, el reflejo en un vidrio o una cámara un poco desenfocada. Un logo enorme deja casi nada de reserva, y por eso el código puede leerse en tu pantalla y fallar en un cartel.
El generador de este sitio usa el nivel más alto (H) para que los logos y los estilos sigan siendo escaneables. Eso te da margen, pero sigue siendo un límite, no un permiso para poner un logo gigante.
Tamaño del logo: más pequeño de lo que crees
No existe un porcentaje mágico que funcione en todos los códigos, así que trata el tamaño como algo que se prueba. Estas pautas sirven en la mayoría de los casos:
- Piensa en área, no en ancho. Un logo con la mitad del ancho del código tapa aproximadamente una cuarta parte de su superficie. Eso ya se acerca al límite del 30 % del nivel H y no deja nada para el desgaste.
- Empieza pequeño y crece por pasos. Prueba con un logo modesto, escanea, agrándalo un poco y vuelve a escanear. Para en cuanto el escaneo se vuelva más lento o menos fiable.
- No toques los tres cuadrados grandes de las esquinas. El celular los usa para localizar y orientar el código. Ningún logo, marco o adorno debe tocarlos.
- Deja el logo en el centro. Así evitas los tres cuadrados de las esquinas. Un logo desplazado hacia un borde puede acercarse a ellos y tapar estructura importante.
- Usa una marca simple. Un icono limpio o un monograma suele funcionar mejor que un sello con letra pequeña, porque el texto diminuto dentro de un logo puede no distinguirse al tamaño de escaneo.
Si tu logo es alargado, como el nombre de la marca en una sola línea, valora usar solo el icono. Una forma compacta, cuadrada o redonda, tapa menos patrón para el mismo impacto visual.
Contraste y colores
La cámara tiene que distinguir los módulos oscuros de los claros.
- Código oscuro sobre fondo claro. Es la combinación más segura. El negro sobre blanco es la referencia, y también suelen funcionar el azul marino, el verde oscuro o el rojo intenso sobre blanco.
- Evita los códigos invertidos. Módulos claros sobre fondo oscuro pueden no leerse en todas las apps. Si quieres un aspecto oscuro, coloca el código normal sobre un panel claro.
- Evita pares de bajo contraste. Amarillo sobre blanco, gris claro sobre blanco o dos tonos medios pueden verse elegantes, pero la cámara puede leerlos peor.
- Dale al logo un fondo limpio. Si tu logo tiene bordes transparentes o un diseño recargado, ponlo sobre una forma lisa blanca o clara para que no se mezcle con los módulos de alrededor.
- No pongas el código sobre una foto. Los fondos con mucho detalle, detrás o dentro del código, pueden reducir la fiabilidad. Colócalo sobre una zona plana.
Las formas de punto (cuadrado, redondeado, puntos, rombo) y los estilos de esquina (cuadrado, redondeado, círculo) son válidos, pero cuanto más redondeados y separados estén los módulos, más debes probar.
Zona de silencio y cantidad de datos
Hay dos factores que no tienen que ver con el logo y aun así influyen en si el código se lee.
La zona de silencio. Es el margen vacío alrededor del código. Si un texto, un borde, el canto de una foto o el límite del papel invade ese margen, los lectores pueden tener problemas para encontrar el código. Si añades un marco, mantén libre el margen dentro de él.
Cuántos datos contiene. Más caracteres significan un patrón más denso con módulos más pequeños. Una URL larga con parámetros de seguimiento, o un bloque de texto largo, hace el código muy cargado, y un logo encima de un código cargado es más difícil de compensar. Dos formas de aligerarlo:
- Usa una URL corta que apunte a una página limpia.
- Usa un código dinámico: el patrón contiene un enlace corto (https://generateqr.link/r/
) que redirige a tu destino, así que el patrón codifica pocos datos. Los dinámicos de URL, email, teléfono, WhatsApp y SMS son gratis, pero necesitan una cuenta gratuita. La diferencia completa está en código QR estático vs dinámico.
Esto pesa más en los tipos con contenido largo. Un código WiFi (WIFI:T:WPA;S:
Lista de pruebas antes de publicar o imprimir
Hazla siempre, y más si el código va a un servicio de impresión.
- Escanea con dos o más celulares. Usa al menos un iPhone y un Android, con la cámara del teléfono y, si puedes, con una app lectora aparte.
- Escanea desde la distancia real. Un flyer se lee a la distancia del brazo, un cartel desde más lejos, un adhesivo de vitrina desde la calle. Prueba a esa distancia.
- Escanea la versión impresa, no solo la pantalla. Imprime una copia de prueba al tamaño final y, si es posible, en el material final.
- Cambia la iluminación. Prueba con luz fuerte, con poca luz y con una superficie brillante en ángulo.
- Confirma el destino. Abre el resultado y comprueba que el enlace, el número, el mensaje o el acceso WiFi hace lo que quieres.
- Prueba con un logo algo más pequeño. Si el escaneo funciona apenas, reduce el logo. Un código que funciona con un pequeño margen de seguridad es mejor que uno que funciona al límite.
- Revisa el tamaño. Con logo necesitas más espacio, así que no te quedes en el mínimo. Más en tamaño del código QR para imprimir.
Errores comunes y cómo corregirlos
| Error | Qué pasa | Solución |
|---|---|---|
| Logo demasiado grande | Funciona en pantalla y falla impreso | Redúcelo y vuelve a probar por pasos |
| Código claro sobre fondo oscuro | Algunas apps no lo leen | Módulos oscuros sobre fondo claro |
| Colores de marca con poco contraste | Escaneo lento o imposible | Oscurece el código o aclara el fondo |
| Tapar los cuadrados de las esquinas | El teléfono no localiza el código | Deja el logo solo en el centro |
| Marco o borde pegado al código | Se pierde la zona de silencio | Deja espacio libre alrededor |
| URL muy larga | Patrón denso, módulos pequeños | Acorta el enlace o usa un código dinámico |
| Imagen estirada o comprimida | Los módulos ya no son cuadrados | Mantén las proporciones al redimensionar |
| Probar con un solo teléfono | Sorpresas después | Prueba con varios dispositivos |
Estático o dinámico con logo
La elección depende de si quizá necesites cambiar el destino más adelante. Revisa en el generador qué opciones de estilo, incluido el logo, tienes disponibles para el tipo de código que elijas, y prueba siempre el resultado.
- Estático: los datos se escriben directamente en el patrón. No caduca, no se puede editar y no se puede rastrear. No necesita cuenta y los datos se generan en tu navegador.
- Dinámico: puedes cambiar el destino sin reimprimir y ver estadísticas de escaneo: total de escaneos, escaneos de los últimos 7 y 30 días, país principal y desglose por país, dispositivo, sistema operativo y navegador. Si lo pausas o lo eliminas, al escanearlo aparece una página de «no activo». Para saber qué hacer con esas cifras, mira cómo rastrear los escaneos de un código QR.
Si el código va en algo caro de reimprimir, como un envase, un letrero o un vehículo, un dinámico es la opción más prudente para URL, email, teléfono, WhatsApp y SMS. Si necesitas un código WiFi o vCard, es estático: cierra bien los datos y prueba antes de imprimir.
Hazlo tú
Abre el generador de códigos QR, elige el tipo, aplica tus colores y sube tu logo. Mantén el logo pequeño y el contraste alto, y después pasa la lista anterior con una copia impresa. Si primero solo quieres un código básico, crea un código QR gratis y añade el estilo después.
Preguntas frecuentes
¿Qué tamaño puede tener el logo en un código QR?
No hay una medida exacta que valga para todos los códigos, así que hay que probar. Cuenta el área tapada, no el ancho: un logo con la mitad del ancho del código cubre más o menos una cuarta parte. Empieza pequeño y agrándalo solo mientras el escaneo siga siendo rápido en varios celulares.
¿Poner un logo hace más difícil escanear el código?
Puede hacerlo, porque el logo oculta parte del patrón y consume parte de la corrección de errores. Un logo pequeño y centrado, con buen contraste y nivel de corrección H, suele leerse sin problema. Confírmalo siempre con un celular real.
¿Puedo poner un logo en un código QR dinámico?
El generador ofrece el logo entre sus opciones de estilo, y los códigos dinámicos (URL, email, teléfono, WhatsApp y SMS) necesitan una cuenta gratuita. Comprueba en el generador qué opciones de estilo tienes disponibles para el tipo de código que eliges y prueba el resultado con un celular antes de usarlo.
¿Descargo PNG o SVG para un código QR con logo?
Para imprimir, SVG, porque es un formato vectorial. PNG va bien para pantallas e impresiones pequeñas.
¿Por qué mi código con logo se lee en pantalla pero no en papel?
La impresión añade desenfoque, expansión de la tinta, reflejos y un tamaño real menor, y todo eso consume la reserva que da la corrección de errores. Reduce el logo, sube el contraste, agranda el código, deja libre el margen y prueba una copia impresa.