QR / guías / Diseño

QR con logo en el centro: cómo hacerlo sin que se rompa

Meter un logo en el centro del QR sube el feel del cartel pero, hecho mal, deja un 30% de los usuarios afuera. La diferencia es la corrección de errores y un porcentaje de cobertura que casi nadie respeta.

Un QR clásico, en negro plano sobre blanco, escanea siempre y nadie lo mira dos veces. Un QR con el logo de la marca en el centro hace que la gente se acerque, lo escanee y lo asocie con tu producto. La trampa: la mayoría de las herramientas online te dejan tirar el logo encima sin avisarte que estás cortando piezas críticas del código. Acá va la teoría rápida (qué es la corrección de errores, qué porcentaje del QR podés tapar) y la receta concreta para que funcione en cualquier teléfono.

Por qué un logo en el centro no rompe el QR (cuando se hace bien)

Los códigos QR tienen un sistema de corrección de errores Reed-Solomon incorporado. Eso significa que el código incluye datos redundantes — copias parciales — para que aunque parte del QR esté manchado, rayado, doblado o tapado, el lector pueda reconstruir el contenido original. Hay cuatro niveles, y cada uno tolera un porcentaje distinto de daño.

NivelToleranciaCuándo usarlo
L7%QR limpio, escaneo de cerca, contenido corto
M (default)15%Uso general, sin logos
Q25%Impresión sucia, ambientes con humedad o roce
H30%Logos en el centro, vinilos en exterior, packaging

El truco del logo es exactamente eso: usás el nivel H, pones el logo cubriendo hasta el 25-28% del área, y la corrección de errores reconstruye lo que tapaste. El generador de qr.util.ar fuerza H automáticamente cuando subís un logo — no podés bajar el nivel mientras la imagen esté cargada. Si usás otra herramienta, asegurate de que esté en H antes de exportar.

Cuánto del QR podés tapar realmente

Aunque la teoría dice 30%, en la práctica conviene quedarse abajo del 25% por dos razones: el lector necesita un margen de seguridad, y los tres cuadrados grandes de las esquinas (los 'eyes') no se pueden tapar nunca, ni siquiera un poquito. Esos tres cuadrados son los marcadores de orientación que la cámara busca primero. Si los rozás con el logo, el escaneo falla incluso con tolerancia H.

CoberturaTasa de éxito (iPhone reciente)Tasa de éxito (Android medio)
15%100%100%
20%100%98%
25%98%92%
28%92%80%
30%75%55%
35%40%20%

Formato

PNG con fondo transparente o SVG. JPG funciona pero el fondo cuadrado del JPG va a chocar con el QR. Si usás JPG, la herramienta te pinta un cuadrado blanco detrás (eso ayuda a que se lea) pero estéticamente queda peor. SVG es ideal — escala perfecto sin pixelado y queda crisp en cualquier impresión.

Color y contraste

El logo debería tener buen contraste interno (los detalles tienen que verse al achicarse al 22% del QR). Logos con líneas finas se pierden — preferí versiones simplificadas, monocromáticas o con pocos colores. Si tu marca tiene una versión 'icono' o 'isotipo' simplificada, usá esa.

Resolución

Mínimo 256x256 px para que escale bien. Si vas a imprimir el QR a 8 cm o más, subí la imagen a 512x512 o más. SVG no tiene este problema — escalá libremente.

Errores comunes

ErrorPor qué fallaSolución
Logo gigante (más del 30%)Cubre demasiados módulos del QRBajalo a 22-25%
Logo sin padding blanco alrededorLos píxeles del logo se mezclan con los módulos del QREl generador agrega padding automático — no lo desactives
Logo desalineado (no centrado)Tapa parte de los marcadores de orientación de las esquinasUsá la herramienta — centra automático
Logo con el mismo color que el QRSin contraste, el lector lo confunde con módulosLogo de color contrastante o con fondo blanco fuerte
Logo subido en JPG con fondo de colorEl fondo del JPG ocupa más área que el logo realConvertí a PNG con transparencia o SVG
ECC quedó en M en vez de HSin tolerancia H, cubrir 22% pasa el límite de errorForzá H en el panel avanzado (en qr.util.ar es automático)

Cómo testear antes de imprimir

  1. Generá el QR con el logo en el preview de la herramienta.
  2. Escaneá la pantalla con tu propio teléfono. Si funciona en el tuyo, no garantiza que funcione en todos.
  3. Pedile a alguien con un teléfono distinto al tuyo (idealmente otra marca y un modelo de hace 2-3 años) que lo escanee.
  4. Imprimí una versión chica (5x5 cm) y testeala con la cámara a 20 cm de distancia, con luz cálida y luz fría.
  5. Si pasa los 4 pasos anteriores, mandá a imprenta. Si falla en alguno, bajá el tamaño del logo al 18% y volvé a empezar.

Combinar logo con estilos visuales (rounded, dots)

qr.util.ar deja combinar el logo con estilos no-clásicos del módulo (puntos circulares, módulos redondeados, ojos con forma custom). Funciona, pero hay que tener un cuidado extra: los estilos 'dots' y 'extra-rounded' generan menos área negra continua, y eso reduce la robustez del Reed-Solomon en la práctica. Si usás estilo 'dots' + logo, mantenete por debajo del 20% de cobertura del logo en vez del 25%.

Probalo ahora

Abajo tenés el generador con un link de ejemplo cargado. Subí tu logo en el panel 'Avanzado', ajustá el tamaño con el slider, y descargá el PNG. La herramienta te fuerza ECC=H automáticamente cuando hay logo — no tenés que tocar nada más.

Generá tu QR con logo

Empezá por el contenido, después abrí 'Avanzado' y subí tu logo en la sección del centro.

Contenido

Paso 1

Pegá la URL completa, con https://

Color

Ajustá la tolerancia a errores, tamaño y márgenes del QR. Útil si vas a imprimirlo grande, agregarle un logo, o si el contenido es muy largo.

L = 7%, M = 15%, Q = 25%, H = 30%. Más alto = QR más denso pero tolera mejor manchas/logos.

Estilo visual

Logo en el centro

Subí una imagen (PNG, SVG o JPG, < 1 MB). Se ubica en el centro con un margen blanco. Probá el QR con tu cámara antes de imprimir.

Tu QR

Paso 2

https://util.ar