Cómo poner un logo en un código QR sin que deje de leerse
Los QR con logo se ven más profesionales y aumentan la confianza en el código, pero cada logo es, en el fondo, un pequeño «daño» deliberado. Si se hace bien, el código sigue siendo fiable; si se hace mal, funciona en tu móvil y falla en el de tus clientes.
Por qué se puede tapar parte del QR
Los códigos QR llevan redundancia de corrección de errores (Reed–Solomon). Con el nivel H, el código puede reconstruir hasta aproximadamente el 30 % de sus palabras de código perdidas. Al colocar un logo, ocultas módulos del centro; la redundancia los reconstruye. Es la misma capacidad que permite leer un QR arañado o con una mancha. Lo explicamos en la guía de niveles de corrección.
Reglas de tamaño
- Lado del logo ≤ 20–25 % del lado del código. Eso equivale a tapar aproximadamente el 4–6 % de la superficie. Es seguro con nivel H y móviles actuales.
- No tapes los tres cuadrados grandes de las esquinas (patrones de posición): sin ellos el lector no localiza el código.
- Centra el logo. Los patrones de alineación y los datos están repartidos; el centro es la zona donde menos daño causa.
- Menos módulos, logo más cómodo. Un código con pocos módulos (versión 3 o 4) tiene módulos grandes: perder una zona central es más grave que en uno muy denso. Con un enlace corto, el logo debería ser incluso algo menor.
Qué nivel de corrección usar
Siempre H. El generador lo activa automáticamente al subir un logo. Recuerda que H aumenta el número de módulos (por ejemplo, un enlace que cabe en 33 × 33 con nivel M puede pasar a 45 × 45 con H), así que a igual tamaño impreso los módulos son más pequeños. Compensa con un código algo mayor.
Cómo preparar el logo
- Formas simples: un símbolo reconocible se lee mejor que un logotipo con letra pequeña.
- Fondo transparente (PNG o SVG) para que se integre; el generador oculta los módulos que quedan debajo y deja un pequeño margen.
- Buen contraste con el fondo del QR: no conviertas el logo en una mancha clara sobre un fondo claro.
- Sin sombras ni difuminados que se extiendan más allá del tamaño del logo.
Errores típicos
- Logo demasiado grande «porque queda mejor». El primer síntoma es que el código se lee en unos móviles sí y en otros no.
- Logo sobre un código de colores claros. Dos debilidades que se suman.
- Códigos con mucho contenido y logo. Densidad más pérdida central es la combinación más frágil.
- No volver a comprobar tras cambiar algo. Cambiar el estilo, el nivel o el contenido altera qué módulos quedan debajo del logo.
Cómo comprobarlo
- En el generador con logo, pulsa «Probar lectura»: usa un decodificador para verificar que devuelve el contenido exacto.
- Descarga el PNG y escanéalo desde la pantalla del ordenador con dos móviles, a distinta distancia y ángulo.
- Sube la imagen al verificador para ver el contraste y el tamaño del módulo.
- Imprime una prueba al tamaño final y lee con luz normal y con poca luz.
Si algo falla, reduce el logo, simplifica el contenido o aumenta el tamaño del código. Rara vez hace falta renunciar al logo, pero sí ajustarlo.