Cómo poner un código QR en un volante para que la gente sí lo escanee
Una cafetería cerca de mi casa imprimió 500 volantes para anunciar su nueva página de pedidos en línea. Buen volante: buena foto, titular claro, colores de la marca. En la esquina inferior había un código QR del tamaño de una estampilla, impreso en blanco sobre negro y encima de la foto de un latte.
Escaneos en la primera semana: cuatro. Dos fueron del dueño probándolo.
El diseño no era el problema. El código QR sí, y falló por tres razones distintas que se arreglan en unos noventa segundos, siempre que las conozcas antes de mandar el archivo a la imprenta. El código QR es el único elemento de un volante que funciona o no funciona, sin términos medios. Un texto un poco demasiado pequeño todavía se lee si alguien entrecierra los ojos. Un código un poco demasiado pequeño simplemente falla.
Esto es lo que de verdad determina si un código impreso se escanea.
¿De qué tamaño debe ser un código QR en un volante?
Hay un solo número que memorizar: divide la distancia de escaneo entre 10.
Ese es el ancho mínimo del código en sí. Quien sostiene un volante lo lee a unos 30 cm, así que el código tiene que medir al menos 3 cm de ancho (unas 1.2 pulgadas). Es mucho más grande de lo que casi todo el mundo lo dibuja por instinto: un cuadrado de 3 cm en un volante A5 es un objeto que se nota, no una nota al pie.
| Dónde vive | Distancia típica de escaneo | Ancho mínimo del QR |
|---|---|---|
| Volante o folleto, en la mano | 30 cm | 3 cm |
| Portamenú de mesa, tarjeta de mostrador | 60 cm | 6 cm |
| Calcomanía en vidriera, cartel A4 | 1.5 m | 15 cm |
| Cartel A2 en un pasillo | 3 m | 30 cm |
| Lona, banner de evento | 10 m | 100 cm |
La regla de la distancia entre diez marca un piso, no una meta. Si el espacio te alcanza, hazlo entre 20 y 30% más grande, porque el escaneo real ocurre con mala luz, en ángulo y con alguien que va pasando; no en las condiciones en las que lo probaste sentado en tu escritorio.
Hay dos cosas que reducen tu tamaño efectivo sin que te des cuenta. Primero, una URL larga genera un código más denso: un enlace de seguimiento de 90 caracteres mete muchos más módulos en el mismo cuadrado que brewlane.co/order, así que cada módulo termina siendo físicamente más pequeño y más difícil de resolver para una cámara. Acorta el enlace antes de generar el código. Segundo, una resolución de impresión baja desdibuja los bordes de los módulos: exporta en SVG si tu generador lo permite, o un PNG a 300 DPI como mínimo para el tamaño final impreso.
El borde blanco no es opcional
Todo código QR necesita una zona silenciosa: un margen libre de al menos cuatro módulos en los cuatro lados. En la práctica, deja un borde en blanco de aproximadamente el 10% del ancho del código, de modo que un código de 3 cm quede dentro de un cuadrado despejado de 3.6 cm.
El lector usa ese margen vacío para encontrar dónde empieza el código. Si lo invades con un titular, el borde de una foto o un marco decorativo, el código tarda varios segundos en engancharse o no lo hace nunca. La mayoría de los generadores incluyen la zona silenciosa en el archivo exportado, pero un diseñador que recorta "ese espacio blanco tan feo" es una de las formas más comunes de romperlo. No lo recortes.
Ahí fue donde perdió primero el volante de la cafetería: el código estaba metido en una esquina, con el borde del volante en dos lados y una foto en el tercero.
Código oscuro sobre fondo claro. Siempre.
Dos reglas que se rompen todo el tiempo porque los códigos invertidos se ven mejor:
Nunca lo inviertas. Un código blanco sobre fondo oscuro es técnicamente descifrable para algunas cámaras de teléfono modernas, y va a escanear en tu iPhone sentado en tu escritorio, que es justo por eso que llega a imprenta. Muchos lectores (cámaras Android más viejas, escáneres dentro de apps de bancos y de programas de lealtad, lectores POS baratos) siguen esperando módulos oscuros sobre un fondo claro. No quieres descubrir en qué bando están tus clientes después de pagar 500 impresiones.
Nunca lo pongas sobre una foto. Ni siquiera sobre una foto de bajo contraste y elegantemente desenfocada. El lector necesita un umbral nítido entre claro y oscuro, y una foto le da un blanco móvil. Si tu volante es una imagen a sangre, coloca el código sobre un panel blanco sólido con esquinas redondeadas encima de la foto. Ese panel se lee como una decisión de diseño, no como un parche.
Si quieres que el código vaya con tu marca, tiñe los módulos oscuros con tu color de marca: un azul marino profundo o un azul intenso funcionan bien mientras sigan siendo genuinamente oscuros contra el blanco. Módulos celestes sobre blanco van a fallar. La misma lógica de contraste aplica al texto, algo sobre lo que escribí en cómo poner texto legible sobre una foto.
Dile a la gente qué se lleva
Un código QR pelado pide un acto de fe. Nadie apunta la cámara a un cuadrado sin etiqueta en 2026: los parquímetros y las calcomanías sospechosas ya nos entrenaron.
Pon una línea corta justo debajo del código que diga qué pasa al escanear. Nada de "Escanéame". Algo concreto:
- Escanea para pedir con anticipación
- Escanea para ver el menú completo
- Escanea y llévate 20% de descuento en tu primer pedido
Agrega también la URL en texto pequeño al lado. Le da a la gente una alternativa y hace que el código se vea legítimo, en lugar de parecer algo que pegó ahí un desconocido.
Si vas a poner un logo en el centro del código, genéralo con nivel de corrección de errores H: ese nivel tolera cerca del 30% de daño, que es exactamente lo que significa tapar el centro. Con nivel L o M, un logo al centro rompe el código por completo.
Ridvay Studio ahora genera el código de verdad
Esto es nuevo y cambia el flujo de trabajo: puedes pedirle un código QR a Studio dentro del prompt y genera uno real, escaneable, que apunta a tu enlace. Sin generador aparte, sin descargar un PNG, sin volver a subirlo cada vez que cambia la URL.
Vale la pena decir una cosa con todas sus letras, porque es la trampa clásica de las herramientas de diseño con IA: el código no pasa por un modelo de imagen. Pídele a un generador de imágenes genérico "un volante con un código QR" y lo que obtienes es una textura convincente: cuadrados de posicionamiento más o menos en su lugar, un patrón de módulos que parece auténtico y absolutamente ningún dato adentro. Sale bien en foto y no escanea nunca. Ridvay genera el código a partir de tu URL con un codificador real y lo coloca como un elemento vectorial, y eso tiene dos consecuencias que importan:
- Es exacto. El código contiene tu enlace, se decodifica con la cámara de un teléfono cualquiera y puedes verificarlo en el editor antes de imprimir nada.
- Es vectorial, así que la resolución deja de ser un problema. Exporta en A5, A2 o tamaño lona y los bordes de los módulos siguen firmes. La preocupación por los 300 DPI de más arriba aplica a códigos de mapa de bits que trajiste de otro lado; un código generado dentro del diseño no se degrada.
Cambia la URL de destino y el código se vuelve a generar. Eso solo ya elimina la falla de QR más común del mundo real, que no tiene nada que ver con el diseño: un volante que apunta a un enlace que se movió.
Dónde va dentro del volante
Abajo a la derecha, en el tercio inferior, es la opción por defecto por una razón: es donde el ojo llega al final, después del titular y de la oferta, y es donde el pulgar normalmente no está cuando alguien sostiene un volante.
Dos errores que conviene evitar. No lo pegues al borde de corte: los cortes de imprenta se desvían un par de milímetros y pueden comerse la zona silenciosa, así que deja al menos 5 mm de margen. Y no dejes que compita con tu titular; el código es la acción, no el gancho. El gancho vende y después el código recoge. Es la misma lógica de jerarquía que cualquier otro elemento de un volante: mira cómo hacer un volante con IA para el resto de la maquetación.
Cómo armar uno en Ridvay Studio
Este es el volante de la cafetería, rehecho tratando el código como un elemento de diseño de verdad y no como una ocurrencia de último momento. Menciona el enlace en el prompt y el código vuelve funcionando:
Volante A5 para Brew Lane Coffee anunciando pedidos en línea. Fondo azul marino oscuro con una foto cálida de café en la parte superior. Titular grande y contundente "Pide antes. Sáltate la fila." Una línea corta de texto de apoyo. Abajo a la derecha, un código QR que enlaza a brewlane.co/order sobre un panel blanco, con el pie "Escanea para pedir con anticipación" y la URL en texto pequeño al lado.
Lo que regresa es un diseño editable: el titular, el panel, el pie, la letra pequeña y el propio código son capas separadas, con valores reales de fuente, color y posición. No una imagen plana que tengas que regenerar entera para cambiar una palabra.
Después haz estos cuatro ajustes, cada uno salido directamente de las reglas de arriba:
- Haz clic en el código y agrándalo hasta que mida al menos 3 cm de ancho en tu tamaño de impresión. Es vectorial, así que se mantiene nítido por más que lo estires; contrástalo con la tabla de distancias si el volante no se va a sostener en la mano.
- Revisa que el margen blanco a su alrededor haya sobrevivido. Si dejaste el panel pegado a los módulos, vuelve a abrirlo. Ese borde blanco visible es la zona silenciosa, y es el ajuste que la gente se salta.
- Mueve el panel 5 mm hacia adentro desde los dos bordes de corte: un seguro gratis contra la desviación del corte de la imprenta.
- Aplica tu Brand Kit y luego deja el panel blanco puro y los módulos oscuros. Todos los demás elementos pueden ir con tu marca; el contraste del código no puede. Si de todos modos lo quieres con tu marca, recolorea los módulos con tu color de marca más oscuro, nunca el fondo.
Y antes de exportar, escanéalo desde tu propia pantalla, ahí mismo en el editor. Si no se decodifica ahí, no se va a decodificar en papel.
Abre este prompt de volante en Ridvay Studio →
Cuando el A5 funcione, usa el cambio de tamaño en un clic para llevar la misma maquetación a un portamenú de mesa y a una publicación tamaño historia; pero vuelve a revisar el tamaño del código en cada una, porque la distancia de escaneo cambia aunque el diseño no. Un código que está bien con 3 cm en la mano necesita 6 cm en un portamenú de mesa.
La prueba de los tres teléfonos
Antes de mandar nada a imprenta, haz esto. Toma dos minutos y detecta casi todo.
Imprime el volante a tamaño real en una impresora de oficina común. No una captura de pantalla: una impresión, porque tu monitor tiene retroiluminación y la cámara de un teléfono encuentra una pantalla iluminada mucho más fácil que tinta sobre papel. Después escanéalo con tres teléfonos distintos: un iPhone reciente, un Android que no sea nuevo y uno que use el escáner integrado de la cámara en lugar de una app dedicada. Luz de techo normal y la hoja sostenida en un ligero ángulo.
Si alguno de los tres duda más de un segundo, agranda el código. Esa duda se convierte en una falla en cuanto alguien lo intenta en la calle, con prisa, al atardecer.
La cafetería reimprimió con un código de 3.5 cm sobre un panel blanco, abajo a la derecha, con el pie "Escanea para pedir con anticipación" y un enlace acortado. Misma foto, mismo titular, mismo papel. El código pasó de ser decoración a ser algo que la gente usaba.
Pruébalo tú mismo: genera el volante en Ridvay Studio: cambia el enlace por el tuyo y obtendrás un código funcional y escaneable sobre una maquetación lista para imprenta. Gratis, y cada capa sigue siendo tuya para modificarla.