Cómo poner un logotipo y un marco en un código QR (y que se siga leyendo)

Un código QR sin más es un cuadrado gris: nadie sabe adónde lleva ni por qué debería escanearlo. Un logotipo en el centro dice de quién viene, y un marco con «Escanéame» o «Menú» dice qué hacer. Las dos cosas hacen que la gente saque el móvil con mucha más frecuencia.

Esta guía explica cómo añadir un logotipo y un marco con el generador de códigos QR gratuito, y cómo asegurarte de que el resultado se sigue leyendo. ¿Es tu primer código QR? Empieza por cómo crear un código QR.

Por qué el logotipo no estropea el código

Tapar parte de un código QR con una imagen parece mala idea, pero los códigos QR están hechos para ello. Cada código lleva datos repetidos de sobra, llamados corrección de errores, para que el lector pueda reconstruir las partes que no ve. Hay cuatro niveles:

• Baja (7 %) y Media (15 %): bien para códigos sin nada, demasiado débiles para un logotipo.
• Cuartil (25 %): suficiente para un logotipo pequeño.
• Alta (30 %): la opción segura con logotipo. Se puede tapar o dañar hasta el 30 % del código y se sigue leyendo.

Al añadir un logotipo, el generador cambia a Alta por ti y mantiene el logotipo en una quinta parte del ancho del código, muy por debajo de lo que Alta puede reparar. Si lo bajas a Baja o Media, te avisa.

Cómo poner un logotipo en un código QR

1. Abre el generador de códigos QR y escribe tu dirección web. El código aparece mientras escribes. También puedes crear un código QR de tarjeta de visita o un código QR de texto; los logotipos y marcos funcionan igual.
2. En Logotipo, elige uno de los Logotipos listos o haz clic en Subir el tuyo para usar el logotipo de tu empresa (PNG, JPG, WebP o SVG).
3. Revisa la vista previa y haz clic en Descargar PNG o Descargar SVG.

Los logotipos listos vienen en tres grupos:

• Insignias Scan me, que dicen qué hacer en el propio código.
• Apps: WhatsApp, Instagram, Facebook, YouTube, TikTok, X, Telegram, Snapchat, Pinterest, Threads, Spotify, Discord, PayPal, Google Maps, App Store y Google Play, cada una con sus colores. Úsalos en códigos que lleven a tu propia página o cuenta allí.
• Iconos de contacto: web, correo, teléfono, ubicación, Wi-Fi y tarjeta de contacto.

Consejo para tu propio logotipo: un logotipo sencillo y cuadrado sobre fondo transparente o blanco funciona mejor. Un logotipo ancho con letra pequeña se vuelve ilegible a ese tamaño; usa solo el símbolo o tus iniciales.

Cómo añadir un marco

Un marco pone un mensaje corto alrededor del código: «Escanéame», «Menú», «Pide aquí», «Wi-Fi gratis». En Marco, elige uno de los 15 estilos, como Etiqueta abajo, Manuscrito o Taza de café, y escribe tu mensaje en Texto del marco (hasta 24 caracteres).

El marco se dibuja alrededor del código, nunca encima, así que no afecta a la lectura. Se incluye tanto en el PNG como en el SVG.

Las palabras cortas y concretas funcionan mejor. «Escanea para ver la carta» es mejor que «Escanéame», porque la gente sabe qué va a obtener.

Colores que se siguen leyendo

• Código oscuro, fondo claro. Puedes usar el color de tu marca como Color del código, siempre que sea claramente más oscuro que el Fondo. El generador te avisa si los colores se parecen demasiado.
• Cuidado con los códigos claros sobre fondo oscuro. Algunos lectores no los leen. Si los usas, prueba con varios móviles.
• Deja el margen. El borde vacío alrededor del código ayuda al móvil a encontrarlo. Deja el Margen en Estándar, salvo que el código ya esté sobre una zona lisa y clara.

¿PNG o SVG?

PNG es una imagen, lista para webs, correos, redes sociales y documentos; elige un tamaño grande para imprimir. SVG se mantiene nítido a cualquier tamaño, así que es mejor para carteles, cartas de restaurante, envases y todo lo que pase por una imprenta o un diseñador.

Pruébalo antes de imprimir

Escanea siempre el código terminado con dos o tres móviles distintos, desde la distancia a la que estará la gente. Comprueba que abre la página correcta. Un enlace equivocado en mil folletos impresos es un error caro.

Preguntas frecuentes

¿Caduca un código QR con logotipo?

No. Los códigos que se crean aquí son estáticos: tu enlace va dentro del propio código, así que funciona mientras exista la página a la que lleva. No necesitas cuenta ni suscripción.

¿Qué tamaño puede tener el logotipo?

El generador lo ajusta por ti, a una quinta parte del ancho del código, que es el tamaño seguro con corrección de errores Alta. Un logotipo más grande podría tapar demasiado.

¿Se sube mi logotipo?

No. El código, el logotipo y el marco se dibujan en tu navegador. Tu logotipo nunca sale de tu dispositivo.