Cómo hacer un código QR con el logo de una empresa — y si es seguro para escanear

Te diré cómo lo veo tras años de crear estos códigos para clientes. El cuadrado en blanco y negro funciona. Se escanea perfectamente. Solo que se ve exactamente igual que el código del vecino, el código de la competencia y el código del folleto que alguien te dejó en el buzón. De ninguna manera.

Y ahora pon el logo en el centro. De repente, la persona puede ver de quién es el código antes incluso de acercar el teléfono. Y escanea con más ganas, porque ve una marca que conoce. La diferencia en las lecturas puede ser considerable.

La pregunta que siempre surge en esta etapa es: "¿y esto no me arruinará el escaneo?". No. Siempre y cuando no lo hagas a lo loco.

Por qué el logo no hace explotar todo el código QR con el logo por los aires

Aquí hay una pequeña magia que vale la pena entender. Cada código QR tiene integrada una corrección de errores. Es como un exceso de datos redundantes que permite al lector reconstruir el todo, incluso si una parte del código está sucia, arrugada o cubierta por algo.

En el nivel más alto (indicado por la letra "H") el código sobrevivirá a la cobertura de aproximadamente un 30% de la superficie. El logo en el centro suele consumir un 20–25%. Es decir, que cabes, y con margen de sobra.

Dos cosas que siempre sigo:

1. El logo va justo al centro. Nunca en las esquinas. Estos tres cuadrados gruesos en las esquinas son marcadores de posición; el lector los usa para identificar dónde está la parte superior y dónde la inferior. Si cubres uno, se acabó, el código queda muerto.
2. Dale al logo un borde blanco. Un margen fino alrededor. Separa tu gráfico de los "píxeles" del código y realmente ayuda con la lectura, especialmente cuando el logo tiene una forma irregular o dentada.

Trabajo paso a paso

En cutty.dev lo haces al mismo tiempo que acortas el enlace, porque el código QR se incluye automáticamente en cada enlace. Vamos allá:

1. Acorta el enlace o abre uno que ya tengas en el panel.
2. Entra en la sección „Código QR" en la página de edición.
3. Sube tu logo (PNG, SVG, JPG, lo que tengas). Se coloca en el centro y la corrección de errores sube automáticamente a un nivel superior. No necesitas hacer clic en nada.
4. Elige el color del código y del fondo según tu marca.
5. Descarga. PNG para pantalla y redes sociales, SVG para impresión (se escala sin perder nitidez, así que para banners o roll-ups usa precisamente SVG).

La vista previa se actualiza en vivo. Ves el efecto antes de que nada se guarde en el disco.

Ten cuidado: los colores pueden jugarte una mala pasada

Este es ese momento en el que la gente suele fallar más a menudo, así que escucha atentamente.

El escáner no lee colores. Lee contraste. Puedes pintar el código, por favor, adelante, pero mantén la regla: código oscuro sobre fondo claro. No al revés. Código claro sobre fondo oscuro, sí, se escaneará en tu teléfono insignia, y luego el cliente con un Android más antiguo se quedará ahí maldiciendo porque no detecta nada.

Y no pongas el color del código demasiado cerca del color de fondo. ¿Azul marino sobre negro? Olvídalo. Cuanto mayor sea el contraste, más seguro se leerá el código desde una mayor distancia (y en la web de una tienda o en un cartel en una parada, esto es precisamente lo que importa).

El asunto del que nadie te hablará: dónde termina tu logo

La mayoría de los generadores de códigos con logo te piden que subas un archivo a su servidor. Y detente aquí un segundo. Tu marca, a veces la única versión vectorial decente, termina en manos de un proveedor desconocido. Y en los términos y condiciones puede estar estipulado el derecho al uso posterior de este archivo. ¿Alguien ha leído alguna vez esos términos y condiciones? Exacto.

Aquí el código se genera en tu navegador. El logo no se mueve de tu ordenador, no se envía a ninguna parte ni se guarda. El archivo es tuyo.

Imprimes una vez, diriges a donde quieras

Por último, un consejo que algún día te ahorrará mucho dinero en la reimpresión.

Crea el código con un enlace acortado, no con la dirección larga y original. ¿Por qué? Porque el código basado en un enlace corto puedes cambiarlo más tarde desde dentro. Cambias el destino del enlace en el panel, y el mismo código impreso de repente dirige a otro lugar. ¿Se terminó la promoción? Rediriges a una nueva sin tocar los folletos.

El código grabado directamente en una dirección larga está consolidado. Cambio de objetivo = nuevo código = nueva impresión = nueva factura de la imprenta. Piensa en ello antes de pedir mil tarjetas de visita.