Cómo añadir un logotipo a un código QR sin romperlo
Puedes cubrir en torno al 20–25 % del ancho del centro de un código QR con un logotipo, porque la corrección de errores guarda redundancia suficiente para reconstruir los módulos ocultos; más allá, los lectores empiezan a fallar.
6 min de lectura · Actualizado el
Nada en un código QR reserva sitio para un logotipo. El centro de la cuadrícula son datos corrientes, y taparlos los destruye. El código sigue funcionando solo porque la corrección de errores reconstruye lo que has ocultado. Si entiendes ese presupuesto, un código de marca es seguro; si lo ignoras, imprimes miles de tarjetas que fallan con poca luz.
¿Cuánto se puede tapar?
El nivel de corrección H recupera alrededor del 30 % del código. Ese es el techo teórico, no un objetivo: parte se gasta en daños reales — ruido de impresión, reflejos, dobleces, cámara ladeada. Deja margen.
| El logotipo tapa | Corrección de errores | Veredicto |
|---|---|---|
| Hasta el 15 % del ancho | M o Q | Seguro casi en cualquier sitio |
| 15–25 % del ancho | H | Bien en papel; prueba antes de una tirada grande |
| Más del 25 % del ancho | H | Espera fallos en copias gastadas o mal iluminadas |
Desliza la tabla para ver todas las columnas.
Los porcentajes son del ancho del código, no de su área. Un logotipo cuatro veces más estrecho que el código ya cubre alrededor del 6 % de su superficie, y ahí es más o menos donde un diseño prudente debería parar.
Cómo hacerlo en el generador
- Monta primero el código en el generador y deja el contenido definitivo. Cambiar el enlace después regenera toda la cuadrícula.
- Sube el logotipo. La corrección de errores sube automáticamente y los módulos de debajo se excavan en vez de solo pintarse encima, así que el lector ve un hueco limpio en lugar de un gris ambiguo.
- Reduce el logotipo hasta que la insignia de autocomprobación de escaneo siga en verde, y para ahí. Esa insignia descifra de verdad la vista previa renderizada en tu navegador; no adivina.
- Exporta SVG para imprimir; PNG solo para pantallas.
Reglas de diseño que deciden si se lee
- Céntralo. El centro es el lugar más seguro para perder módulos. Un logotipo sobre una esquina puede destruir un patrón de búsqueda, y de eso no se recupera ninguna corrección de errores.
- Dale una base sólida. Un cuadrado o círculo pequeño del color de fondo, con margen, detrás del logotipo se lee mucho mejor que un logotipo transparente encima de los módulos.
- Mantén el logotipo simple. A 2 cm impresos, un logotipo con letra detallada se convierte en papilla. Un monograma o un símbolo sobrevive; un bloque completo no.
- Mantén el contraste alto. Módulos oscuros sobre fondo claro. Los códigos invertidos — claro sobre oscuro — los leen menos lectores, y un logotipo lo empeora.
- Acorta el contenido. Un enlace más corto significa versión más baja y módulos más grandes, así que cada módulo tapado pesa menos. Esto ayuda más que cualquier otro ajuste.
Prueba sobre lo que vas a entregar de verdad
La autocomprobación del navegador te dice que el diseño se descifra en condiciones ideales. Antes de una tirada, revisa el objeto real: imprime uno a tamaño final, escanéalo con un móvil antiguo y otro nuevo, con luz intensa y en una sala oscura, y desde algo más lejos de lo que esperas. Si alguna de esas pruebas falla, reduce el logotipo antes de cambiar cualquier otra cosa.
Si un código que funcionaba en pantalla falla en papel, la lista de comprobación de escaneo aísla la causa rápido.
Más allá del logotipo
El logotipo no es la única forma de parecerte a ti. Formas de módulo, colores por ojo, un degradado de marca y un marco con texto cambian el carácter de un código sin quitar ni un módulo de datos: son estrictamente más seguros que tapar el centro. Si quieres ir más lejos, el arte QR de semitonos funde una imagen entera en la cuadrícula.