Insertar tu logo en un código QR da un resultado muy cuidado… hasta que los clientes empiezan a reportar que no funciona. El problema casi nunca es el logo en sí: es el logo con un tamaño incorrecto, en una posición equivocada o con poco contraste respecto a los módulos circundantes. Esta guía detalla las reglas concretas que te permiten personalizar un código QR con confianza sin arriesgar su fiabilidad de escaneo.
Por Qué los Logos Rompen los Escaneos (y Por Qué a Veces No)
Los códigos QR utilizan una función llamada corrección de errores para tolerar daños físicos u oclusiones visuales. Existen cuatro niveles:
| Nivel | Capacidad de recuperación de datos | ¿Apto para logos? |
|---|---|---|
| L | 7% | No |
| M | 15% | Marginal |
| Q | 25% | Sí |
| H | 30% | La mejor opción |
Cuando insertas un logo, estás ocultando módulos de forma intencionada. Si el área cubierta supera el margen de corrección de errores, el decodificador falla. El nivel H ofrece el mayor margen disponible — úsalo siempre que vayas a incluir cualquier superposición gráfica.
El punto clave: la corrección de errores no te da cobertura ilimitada. Te impone un techo. Supéralo y ningún trabajo de edición recuperará el escaneo.
La Regla del 30% — y Por Qué Deberías Detenerte en el 20%
La recomendación más extendida es mantener la cobertura del logo en un máximo del 30% del área total del código QR (coincidiendo con la capacidad del nivel H). En la práctica, trabaja con el 20% como límite por tres razones:
- Tolerancias de impresión. La impresión offset y digital introduce expansión de tinta. Un logo que ocupa el 28% en pantalla puede superar esa cifra en papel tras la absorción de tinta.
- Proximidad a los patrones de búsqueda. Los tres «ojos» cuadrados en las esquinas son imprescindibles para la decodificación. Cualquier logo que se filtre hacia ellos degrada drásticamente las tasas de escaneo, aunque el porcentaje de cobertura global parezca correcto.
- Invasión de la zona tranquila. El borde en blanco alrededor del código forma parte de la especificación. Los logos con brillos exteriores o sombras paralelas pueden comerse visualmente ese espacio.
Sitúa el logo en el 20% del área total del código QR, comprueba que ningún borde toque un patrón de búsqueda y tendrás un margen de seguridad cómodo.
Posicionamiento: El Centro No Siempre es la Mejor Opción
El posicionamiento central es estándar y funciona bien para logos cuadrados o circulares. Pero vale la pena entender por qué se prefiere el centro: los módulos de mayor densidad de datos se encuentran cerca de los bordes y las esquinas, mientras que la región central (excluyendo los patrones de sincronización) tiende a contener datos redundantes que la corrección de errores puede reconstruir con mayor facilidad.
Cuándo el centro no funciona:
- Tu logo es apaisado (los rectángulos anchos centrados horizontalmente empiezan a invadir los patrones de sincronización por arriba y por abajo)
- Tu marca incluye líneas muy finas que desaparecen al reducirse para encajar en el área del 20%
Para logos apaisados, dos opciones:
- Recortar una versión cuadrada de la marca para usarla dentro del código
- Colocar el logo completo debajo del código con una zona tranquila generosa, en lugar de superponerlo — es más limpio y sin ningún riesgo de escaneo
Contraste y Color de Fondo en la Zona del Logo
Los módulos que rodean tu logo deben seguir leyéndose como oscuro sobre claro (o viceversa). Un error habitual es usar un logo blanco sobre un parche de fondo blanco, lo que genera un hueco ambiguo que el decodificador tiene que resolver únicamente mediante la corrección de errores. Una mejor solución:
- Dale al logo un fondo sólido y opaco que coincida o sea muy similar al color claro del código
- Mantén al menos un relleno de 1 módulo de ancho de espacio claro limpio entre el borde del logo y los módulos oscuros más cercanos
- Evita los degradados en el logo que hagan ambiguo el color de los módulos cerca del borde
Si necesitas una guía sobre los requisitos de contraste en todo el código, la explicación detallada en nuestro artículo sobre contraste de color en códigos QR cubre las ratios mínimas, las orientaciones oscuro sobre claro frente a claro sobre oscuro, y las combinaciones de color que generan errores en el procesamiento de la cámara.
Tamaño Físico y Presupuesto Mínimo de Píxeles
La legibilidad del logo y la fiabilidad del código QR dependen de que el código se imprima o muestre con un tamaño suficientemente grande. Un logo comprimido en un código de 2 cm × 2 cm al 20% de cobertura mide aproximadamente 4 mm — invisible como elemento de marca y aun así consumiendo el presupuesto de corrección de errores.
Mínimos prácticos:
- Impresión: código QR no menor de 3 cm × 3 cm para que el logo sea identificable
- Pantalla: código QR no menor de 300 × 300 px antes de añadir la capa del logo
- Valla publicitaria / gran formato: escala el logo proporcionalmente; la regla del 20% sigue aplicando, no lo sobredimensiones solo porque tengas espacio
Prueba Antes de Comprometerte con la Impresión
Ninguna regla de diseño reemplaza las pruebas reales. Antes de enviar a imprenta:
- Exporta el diseño terminado a la resolución de impresión final
- Prueba con al menos tres aplicaciones: la cámara nativa de iOS, la cámara nativa de Android y una aplicación de escáner independiente
- Prueba bajo distintas condiciones de iluminación (luz cenital intensa, ambiente tenue)
- Si usas un código dinámico — que te permite actualizar la URL de destino sin reimprimir — confirma que el redireccionamiento sigue funcionando correctamente
Los códigos dinámicos son especialmente relevantes aquí porque los códigos con marca suelen aparecer en empaques o materiales impresos con una vida útil larga. Si el destino cambia, un código QR dinámico te permite actualizar el enlace sin rediseñar ni reimprimir el material físico.
Puedes crear estos códigos con marca directamente desde el Generador Super QR, que ya tiene activada la corrección de errores de nivel H por defecto cuando detecta un logo.
Puntos Clave
- Usa el nivel de corrección de errores H siempre que insertes un logo
- Mantén la cobertura del logo en un máximo del 20% del área total del código, no en el 30% teórico
- Nunca dejes que el logo se superponga ni se acerque a los tres patrones de búsqueda de las esquinas
- Los logos apaisados funcionan mejor colocados debajo del código que centrados dentro de él
- Dale al logo un fondo opaco y un relleno de 1 módulo para evitar ambigüedad de contraste
- Prueba siempre en dispositivos reales antes de comprometerte con la impresión, especialmente en tiradas de empaque
- Combina un código con marca con una URL dinámica para poder actualizar destinos sin rediseñar
Para profundizar en cómo el diseño visual afecta a la legibilidad más allá del logo, consulta nuestra guía completa sobre diseño de códigos QR de marca, donde encontrarás consejos sobre patrones de ojos, formas de módulos y legibilidad.