Cómo añadir un código QR a una imagen o foto

Pegar un QR encima de una foto o un flyer parece trivial pero falla más de lo que parece: el cliente lo imprime, sale al escaparate, y nadie lo escanea. Suele ser por tamaño, contraste o posición sobre la imagen de fondo. Esta guía cubre los tres errores y cómo evitarlos sin abrir Photoshop.

Respuesta rápida

• Genera el QR en QRcito en formato SVG (vector, no pierde calidad al escalar). Si te toca PNG, mínimo 1500 px.
• Pega el QR sobre una zona uniforme y clara de la imagen, idealmente con un cuadrado blanco detrás (quiet zone).
• Tamaño mínimo del QR en la imagen final impresa: 2,5 cm × 2,5 cm. Para un cartel grande: regla del 1/10 (distancia de escaneo dividida entre 10).
• Programas válidos: Canva, Figma, Photoshop, GIMP, Photopea (gratis, en navegador), incluso PowerPoint o Keynote.
• Antes de imprimir o publicar, escanea desde la imagen final con dos móviles distintos. Si tarda más de 2 segundos, algo está mal.

Tres errores que matan tu QR encima de una foto

1. Sin quiet zone (margen blanco)

El QR necesita un margen blanco alrededor de al menos 4 módulos (la unidad cuadrada del código). Sin ese hueco, el lector no encuentra los bordes del patrón.

Solución: añade un rectángulo blanco detrás del QR, ligeramente mayor (entre 8% y 15% más grande por cada lado). En Canva o Figma: Fondo blanco → encima el QR.

2. QR sobre un fondo con detalle

Si pones el QR encima de una foto con muchos colores (cielo nubes, ropa estampada, follaje), aunque tenga quiet zone, el ojo se confunde y la cámara también: el contraste local es bajo.

Solución: busca una zona uniforme de la imagen. O añade detrás un cuadro semitransparente blanco/oscuro (según contraste del QR) que aísle visualmente la zona del QR.

3. Tamaño insuficiente

Esto es lo más común. La regla:

Distancia esperada de escaneo	Tamaño mínimo del QR
Smartphone en la mano (15–25 cm)	2,5 cm × 2,5 cm
Escaparate (50–80 cm)	5 cm × 5 cm
Cartel A4 a 1 m	7 cm × 7 cm
Cartel A3 / mostrador a 1,5 m	10 cm × 10 cm
Valla publicitaria a 3 m	30 cm × 30 cm
Cartel exterior a 5 m	50 cm × 50 cm

Si tienes dudas sobre tu caso específico, revisa la guía completa de tamaño mínimo.

Cómo hacerlo, paso a paso

Opción 1: Canva (más fácil)

1. Genera el QR en QRcito. Descárgalo como PNG en tamaño alto (1000 px o más).
2. En Canva, abre tu diseño (flyer, post de Instagram, póster, lo que sea).
3. Sube el PNG: Subir → Subir archivos.
4. Arrástralo a tu diseño.
5. Ajústalo al tamaño que necesites (sin distorsión, mantén la proporción 1:1).
6. Si la zona detrás no es uniforme, añade un cuadrado blanco detrás (Elementos → Cuadrado → Color blanco) y ponlo justo bajo el QR.

Opción 2: Figma

1. Descarga el QR de QRcito en SVG (vector, escala perfecto).
2. En Figma, arrastra el SVG dentro del frame de tu diseño.
3. Escálalo manteniendo Shift para preservar la proporción.
4. Si necesitas el fondo blanco: dibuja un Rectangle blanco detrás, agrupa.

Ventaja Figma vs Canva: SVG no pierde nitidez al escalar.

Opción 3: Photoshop / GIMP / Photopea (gratis, en navegador)

1. Abre tu foto/cartel base.
2. Archivo → Colocar (Photoshop) o Archivo → Abrir como capas (GIMP).
3. Selecciona el QR (SVG o PNG).
4. Escálalo. Si es SVG, lo escala sin perder calidad.
5. Si lo escalas a tamaño grande y el QR es PNG bajo, se verá pixelado. Vuelve a QRcito y bájalo a mayor resolución.
6. Aplana e exporta.

Opción 4: PowerPoint / Keynote (sí, sirve)

Si tienes que hacer rápido un flyer interno o una presentación:

1. Inserta el PNG del QR (Insertar → Imagen → Desde archivo).
2. Pon una "Forma rectángulo" blanca detrás como quiet zone.
3. Exporta a PDF.

Dónde colocar el QR en la imagen

En un flyer A4 o A5

• Esquinas inferiores son las más usadas (lectura natural: foto/título → llamada a la acción).
• Si hay logo principal y QR, no los pongas juntos: parece "cosas técnicas". Separa: logo arriba, QR en su zona dedicada.
• Si el flyer tiene mucha imagen sangrada, deja una franja de fondo plano (blanco o color) para el QR.

En un post de Instagram (1080×1080)

• Esquina inferior derecha funciona en feed.
• Tamaño mínimo: 200×200 px (que en pantalla son ~2 cm). Si la audiencia escanea desde un móvil ajeno apuntando a su pantalla, sube a 300×300 px.
• Importante: cuando Instagram comprime la imagen, el contraste baja un 5–10%. Si el QR ya está al límite, fallará.

En una Story de Instagram (1080×1920)

• Stickers de "Stickers" de Instagram bloquean el QR en muchos casos al ser interactivos. No pongas el QR debajo de un sticker.
• Usa zona central inferior, evita los 200 px superiores e inferiores (zonas de UI).
• Tamaño mínimo: 350×350 px.

En un cartel exterior

• Altura desde el suelo: entre 1 m y 1,8 m. Por encima de eso, la gente no se molesta en mirarlo.
• Acompáñalo con un microtexto: "Escanea para X" o un icono de cámara. Aumenta los escaneos un 60–80%.
• Si va expuesto a sol directo, imprime en mate. Brillante con sol = reflejos = no escanea.

QR + foto + branding (caso real)

Imagina un restaurante que quiere su carta digital sobre una foto de su plato estrella en el flyer:

1. Foto base: plato sobre mesa de madera, luz natural.
2. QR: en una esquina inferior, sobre un círculo o cuadro blanco de unos 4 cm.
3. Microtexto debajo: "Ver carta completa".
4. Logo del restaurante: en el centro del QR, al 18% (en QRcito) — tutorial: QR con logo paso a paso.
5. Llamada a la acción: "Escanea con la cámara del móvil" en el reverso.

Esa secuencia convierte un 200% más que un flyer con QR genérico pegado.

Cómo probarlo antes de imprimir

1. Visualiza la imagen final en pantalla a tamaño real: si el flyer es A5 (14,8×21 cm), abre la imagen y haz zoom hasta que mida eso en pantalla. Escanea con el móvil desde la pantalla.
2. Imprime una página de prueba: una sola hoja A4 con tu diseño. Imprime en papel normal. Escanea con dos móviles distintos en condiciones de luz reales. Si funciona aquí, funcionará en imprenta.
3. Verifica que el QR lleva al destino correcto: a veces se actualiza el contenido en QRcito pero se reutiliza un PNG antiguo. Vuelve a generarlo siempre antes de imprimir.

Si tras estas pruebas algo falla, repasa los problemas habituales en la guía de cómo escanear sin app.

Software gratuito que recomendamos

• Canva (web/app): drag & drop, muy fácil, plantillas listas.
• Photopea (web): clon gratis de Photoshop directamente en el navegador, sin instalación.
• GIMP (escritorio): potente, gratis, código abierto. Curva más empinada.
• Figma (web/app): mejor opción si trabajas con SVG y necesitas precisión.
• Inkscape (escritorio): editor vectorial gratis, ideal si necesitas modificar el SVG del QR antes de pegarlo.

Para casos sencillos (un solo flyer, un post de Instagram), Canva sobra. Para diseño profesional o impresión grande, Figma o Inkscape con SVG.

QR sobre fondos oscuros: ¿se puede?

Sí, pero con cuidado:

• Si el QR es negro sobre blanco y el fondo de la imagen es oscuro: añade un cuadrado blanco detrás (la solución estándar).
• Si quieres QR blanco sobre fondo oscuro (inversión de color): la mayoría de lectores modernos lo soportan, pero un 15–20% de móviles antiguos fallan. Solo úsalo si la estética es crítica y aceptas perder ese porcentaje.
• Si quieres un QR de color de marca sobre fondo oscuro: asegúrate de que el ratio de contraste con el fondo sea ≥ 4:1. Mide en tools.wmflabs.org/contrast.

Preguntas frecuentes

¿Puedo poner un QR encima de una imagen JPG sin descomprimir? Sí, técnicamente puedes pegarlo con cualquier editor. Pero si el JPG está muy comprimido, los bordes del QR pueden quedar borrosos. Mejor trabaja sobre PNG o, idealmente, en un editor vectorial.

¿Hace falta poner texto explicativo junto al QR? No es obligatorio pero multiplica los escaneos. "Escanea para ver la carta" o un simple icono de cámara aumenta significativamente la tasa de uso, especialmente en público no acostumbrado al QR.

¿Puedo usar un emoji o un icono en vez de mi logo en el centro? Sí. Mientras sea cuadrado, opaco y mantenga el tamaño por debajo del 25%, funciona igual. Es una forma rápida de "humanizar" un QR sin tener marca propia.

¿El QR sigue siendo el mismo si lo pego en distintas imágenes? Sí. El contenido del QR es la pieza gráfica, no la imagen donde la pongas. Puedes reutilizar el mismo PNG/SVG en 50 carteles distintos.

¿Y si necesito que cada imagen lleve un QR diferente? Genera tantos QR como necesites en QRcito (es gratis e ilimitado) y pega cada uno en su imagen. Si son muchos, hay generadores por lote (CSV) para crear cientos de QR de golpe.

En resumen

Tres reglas y nunca falla: quiet zone blanco detrás, mínimo 2,5 cm impreso, prueba con 2 móviles antes de imprimir. Todo lo demás es estilo.

Crea tu QR gratis y descárgalo en SVG o PNG en alta resolución: qrcito.com