Cómo añadir un logo a un código QR
Actualizado el 20 de septiembre de 20266 min de lectura
Un código QR sigue siendo legible aunque se destruya una parte: el formato guarda datos redundantes, así que un arañazo, un pliegue o un logo pueden reconstruirse. Por eso funciona una imagen central. La única pregunta que importa es cuánto del patrón puedes cubrir, y la respuesta es más pequeña de lo que suponen casi todos los manuales de marca.
Sube tu logo en el editor
Abre el generador de códigos con marca, escribe tu destino y abre la pestaña Logo del paso 2 para elegir un archivo. Funcionan PNG, JPEG y SVG; una imagen cuadrada con fondo transparente o blanco da el mejor resultado, porque el logo se apoya en una pequeña zona despejada en el centro del código.
El archivo nunca sale de tu navegador: se codifica en la imagen que descargas, sin subidas ni nada guardado en nuestro lado. Un logotipo horizontal ancho funciona técnicamente, pero se come el patrón por la izquierda y la derecha: un monograma compacto se lee mejor al tamaño que permite el centro de un QR.
Qué tamaño puede tener el logo
El deslizador va del 15 % al 35 % del ancho del código, y es deliberado. La superficie crece con el cuadrado del ancho: un logo al 35 % del ancho ya oculta cerca del 12 % del patrón, mientras que el nivel de corrección más alto repara en torno al 30 % del código en total, un presupuesto que también tiene que cubrir arañazos, tinta corrida y mala luz.
| Tamaño del logo | Superficie cubierta | Veredicto |
|---|---|---|
| 15 % | en torno al 2 % del patrón | La opción más segura: escanea en cualquier móvil y material |
| 25 % (nuestro valor por defecto) | en torno al 6 % del patrón | Recomendado: marca visible y margen cómodo |
| 35 % | en torno al 12 % del patrón | Solo pantalla: pruébalo antes de imprimir pequeño |
| Más del 35 % | más del 12 % | No se ofrece: los módulos dañados cuestan escaneos |
Compruébalo antes de imprimir
Junto a la vista previa hay dos redes de seguridad. El control previo a imprenta indica la relación de contraste y el tamaño mínimo impreso del código tal como está diseñado, y avisa si el logo cubre más de lo que la corrección puede reparar. Después escanea la vista previa con tu propio móvil: cinco segundos y detecta lo que ninguna checklist ve.
Para imprimir, descarga SVG o PDF en vez de PNG: ambos se mantienen nítidos a cualquier tamaño, y el PDF sale con el ancho físico exacto que elijas y un margen de seguridad alrededor del código. Un logo impecable en una pantalla de 400 píxeles puede perder sus bordes impreso a 20 mm.
Colores: donde fallan de verdad los códigos de marca
Casi nunca es el logo lo que rompe el escaneo, es el color. Las cámaras necesitan módulos oscuros sobre fondo claro, con un contraste mínimo de 3:1 y bastante más en papel. Paletas pastel, gris claro sobre blanco y códigos invertidos son los sospechosos habituales, y el control previo te lo dirá antes que la tirada de imprenta.
- Mantén los módulos oscuros y el fondo claro: en papel, nunca al revés.
- Aplica el color de marca a los módulos y a los ojos de las esquinas, no al fondo.
- Deja vacía la zona de silencio: sin logo, sin texto, sin borde de marco.
- Haz una prueba impresa barata antes de encargar cinco mil.
Preguntas frecuentes
- ¿Un logo impide que se escanee el código QR?
- No con los tamaños que permite el editor. La corrección de errores sube a H al añadir un logo, lo que repara hasta cerca del 30 % del patrón, y el deslizador se detiene en el 35 % del ancho, unas 12 % de superficie. Escanea la vista previa una vez y listo.
- ¿Qué formato de archivo debo subir?
- SVG si lo tienes; si no, un PNG con fondo transparente. Las imágenes cuadradas funcionan mejor. Se acepta JPEG, pero su recuadro blanco alrededor del dibujo resulta pesado en el centro del código.
- ¿Mi logo se sube a vuestros servidores?
- No. El archivo se lee en tu navegador y se codifica en la imagen que descargas, así que no guardamos nada.
- ¿Puedo añadir un logo en el plan Free?
- El editor de diseño completo, con el logo incluido, es parte de Pro y Business. Las cuentas Free crean y descargan códigos con el estilo por defecto; las páginas públicas del generador permiten probar las herramientas de diseño antes de registrarte.
- ¿Por qué sale borroso mi logo al imprimir?
- Porque la exportación era un archivo ráster. Descarga SVG o PDF para todo lo impreso: el logo y los módulos se mantienen nítidos a cualquier tamaño físico.
Siguientes pasos
- Cómo crear tu primer código QRDel editor vacío a un archivo listo para imprimir en dos minutos, con las decisiones clave explicadas.
- Tu código QR no escanea: el checklistRecorre la lista en orden: las tres primeras causas explican casi todos los fallos.
- ¿De qué tamaño debe ser un QR code para imprimir?La respuesta corta es una décima parte de la distancia de lectura. Pero la longitud de los datos, la zona de silencio y el formato del archivo deciden si ese tamaño escanea de verdad. Aquí tienes el método completo y el archivo listo para imprenta.
Guías en profundidad
- QR code design: contrast, quiet zone and logosThe design rules that decide whether a QR code scans on the first try or not at all, from contrast ratios to logo placement.
- QR code error correction and minimum print sizeHow much damage a QR code can survive is a number you choose at generation time, and it directly decides the smallest size you can safely print it.
- How to print QR codes: size, format and best practicesPrinting a QR code is not just about dropping a PNG into a layout. Format, size, contrast and material all decide whether the code scans reliably.