Códigos QR transparentes que siguen escaneando sobre la superficie que tienen detrás

Un código QR transparente es un código QR exportado sin fondo, de modo que solo se dibujan los módulos oscuros y todo lo demás deja ver lo que hay detrás. Eso convierte la superficie de detrás del código en parte del código: una superficie clara y uniforme se escanea, y una oscura, con dibujo o en movimiento no. Esta página cubre dónde funcionan los códigos QR transparentes, dónde fallan y cómo arreglar los fallos sin perder el aspecto.

1 Contenido
https://
Sin registro necesario Códigos QR ilimitados Sin marca de agua Free high-resolution downloads
2 Diseño
Forma
Patrón
Ojos
3 Vista previa
¡Copiado!

¿Qué es un código QR transparente?

Un código QR transparente es una imagen de código QR cuyo fondo es totalmente transparente, de modo que solo quedan visibles los módulos oscuros. Los módulos claros de un código QR transparente no se dibujan en absoluto; son huecos, y un escáner lee el color que se vea a través de esos huecos. Un código QR con fondo transparente es, por tanto, tan escaneable como la superficie sobre la que se coloca. Para los códigos que llevan un color de fondo propio, mira los códigos QR de color. Donde la superficie no es la ideal, los módulos cuadrados son el estilo más tolerante - mira los códigos QR en píxeles - y un marco para código QR es una forma de darle al código una placa clara.

Una tarjeta de mesa roja de “Oak & Leaf Cafe - escanea para ver nuestra carta” con un código QR hexagonal blanco calado sobre el rojo, en un soporte de madera

Qué cambia la transparencia

Quitar el fondo no cambia los datos de un código QR ni la forma en que un teléfono lo decodifica. Cambia quién responde de tres cosas que un código QR normal trae consigo.

  • Los módulos claros pasan a ser la superficie - un escáner necesita que cada módulo claro sea claramente más claro que cada módulo oscuro. Sin fondo en el archivo, ese contraste solo existe si la superficie de detrás del código es clara y uniforme.
  • La zona de silencio también pasa a ser la superficie - una zona de silencio es el margen vacío alrededor de un código QR que permite a un escáner detectar dónde empieza y acaba el símbolo. ISO/IEC 18004 la fija en cuatro módulos en cada lado, y en un código transparente ese margen tiene que ser superficie despejada, no arte cercano.
  • El contraste ya no queda fijado al exportar - un código QR con su propio fondo tiene el mismo contraste allí donde se use. Un código QR transparente tiene un contraste distinto sobre cada superficie, así que hay que comprobarlo de nuevo cada vez que se coloca.
  • Solo algunos formatos de archivo pueden guardarla - PNG, SVG, PDF y EPS guardan la transparencia. JPG no puede, y guardar un código QR transparente como JPG rellena el fondo de blanco o de negro, según el programa.

Un código QR transparente es una comodidad de diseño y no un tipo distinto de código. Ahorra tener que igualar a mano un color de fondo, y permite que un mismo archivo se coloque sobre varias superficies claras. No hace que un código funcione sobre una superficie en la que un código normal fallaría.

El damero no forma parte del código

Las herramientas de diseño y los generadores muestran la transparencia como un damero de cuadros grises y blancos. El damero es una convención de la vista previa y nunca se exporta ni se imprime. Si un código QR descargado muestra un damero después de colocarlo en un documento, el archivo era una captura de pantalla de la vista previa y no la exportación transparente.

Generar código QR
Un póster de evento rojo y negro de “Pulse Festival” con el cartel de artistas y un código QR triangular para escanear y comprar entradas

Dónde funcionan mejor los códigos QR transparentes

Un código QR transparente encaja en cualquier maquetación en la que el código deba apoyarse directamente sobre una superficie clara sin una caja blanca visible a su alrededor.

Paneles de color claro en una maquetación

Un código oscuro sobre un panel crema, gris pálido o pastel, sin ningún cuadrado blanco que rompa el diseño. Un único archivo transparente sirve para todos los colores de panel de un sistema de marca, siempre que cada uno sea claro.

Diapositivas de presentación y documentos

Un PNG o un SVG transparente se coloca sobre un fondo de diapositiva claro sin ninguna caja. En una plantilla de diapositivas oscura, pon antes un panel claro redondeado detrás del código.

Papel kraft, crema y tintado

Imprimir solo los módulos oscuros deja que el papel sea el fondo. El papel kraft es más oscuro de lo que parece, así que usa la tinta más oscura disponible e imprime una prueba.

Envases con una tinta plana

Un trabajo de impresión a un solo color no puede imprimir una caja blanca. Un código vectorial transparente se imprime como una única tinta sobre la propia superficie clara del estuche.

Grabado láser y vinilo de corte

Las grabadoras y los plóteres de corte necesitan solo los módulos oscuros como formas vectoriales. Un SVG transparente aporta exactamente eso, sin ningún rectángulo de fondo que borrar.

Merchandising sobre tejido claro

Una serigrafía a un solo color sobre una prenda blanca o pálida. La textura del tejido suaviza los bordes, así que imprime el código más grande de lo que sería en papel.

Sobre qué superficies se escanea un código QR transparente

Un código QR transparente se escanea sobre una superficie que es más clara que los módulos, de tono uniforme y quieta. Falla sobre superficies oscuras, con dibujo, en movimiento o transparentes. Cada fallo tiene un arreglo que conserva la mayor parte del aspecto sin caja.

Un vinilo «Escanea para ver la carta» en el escaparate verde oscuro de una cafetería, con una clienta en la mesa de la ventana y la pizarra de bebidas al fondo

Superficies que rompen un código QR transparente

Estas son las cinco colocaciones que más a menudo impiden que un código QR transparente se escanee, con el motivo de cada una.

  • Fondos oscuros - los módulos oscuros sobre una superficie oscura no tienen contraste. Recolorear los módulos en blanco produce un código QR invertido, que el estándar permite pero que los escáneres de los teléfonos decodifican de forma irregular. Coloca en su lugar un panel claro detrás del código.
  • Fotografías - una foto varía de brillo de un módulo al siguiente, así que unos huecos se leen como claros y otros como oscuros. Incluso una foto pálida suele tener sombras o detalles que cruzan el código.
  • Degradados y estampados - un degradado que es claro en una esquina y de tono medio en la otra da al código un contraste alto en un lado y bajo en el otro. Un escáner fija un único umbral para toda una región, y la mitad del código cae en el lado equivocado.
  • Vídeo y emisiones en directo - un código QR transparente sobre imágenes en movimiento tiene un fondo que cambia en cada fotograma. Un código que se escanea durante una escena luminosa deja de escanearse en una oscura.
  • Cristal, ventanas y etiquetas transparentes - un código impreso sobre película transparente no tiene ningún fondo: el escáner ve la calle que hay detrás de la ventana o el líquido que hay dentro de la botella. Una etiqueta transparente sobre una bebida oscura es un código oscuro sobre una superficie oscura.

Como regla de trabajo, la superficie de detrás de un código QR transparente debería dar una relación de contraste de al menos 4:1 frente a los módulos para uso en pantalla y de 7:1 para imprimir. Son los mismos objetivos que valen para un código QR con su propio fondo.

Cómo arreglar cada una

Todos estos arreglos añaden una zona clara y uniforme justo detrás del código. La zona puede tener la forma y el color que pida el diseño; solo tiene que estar ahí.

  • Añade una placa clara detrás del código - un rectángulo redondeado o un círculo en blanco o en un color de marca pálido, que sobresalga al menos cuatro módulos del código en cada lado. Sobre una foto o una maquetación oscura, este es todo el arreglo.
  • Usa una placa semiopaca sobre vídeo - una placa blanca con una opacidad del 85 al 100% mantiene estable el fondo y deja que el overlay se sienta ligero. Por debajo de alrededor del 85%, las imágenes empiezan a verse a través de los módulos claros.
  • Imprime una capa blanca sobre material transparente - para adhesivos de escaparate y etiquetas transparentes, pide a la imprenta una capa base de tinta blanca detrás de la zona del código. La capa blanca se imprime primero y los módulos oscuros encima, de modo que el código lleva su propio fondo sobre el cristal.
  • Elige la parte más clara de la maquetación - donde no se quiera ninguna placa, lleva el código a una zona que ya sea clara y plana, y comprueba que la zona de silencio esté libre de texto y de bordes.
  • Comprueba el contraste sobre la superficie real - toma una muestra del color de la superficie y del color de los módulos y compáralos en el comprobador de contraste de códigos QR. Una lectura de contraste tomada frente al blanco no dice nada de un código colocado sobre beis.
Un cartel de mostrador rosa intenso de Lumière “Clean. Bright. Conscious. - escanea para explorar nuestros productos” con un código QR oscuro sobre una placa blanca, junto a un frasco de sérum

Ideas de códigos QR transparentes

Cuatro colocaciones en las que quitar el fondo mejora el diseño, con el detalle que mantiene escaneable cada una.

Una carta sobre cartulina tintada

Un código verde oscuro impreso directamente sobre cartulina crema, sin caja blanca. El crema es lo bastante claro para dar un contraste fuerte, y el código se lee como parte de la carta y no como una pegatina sobre ella.

Un adhesivo de escaparate

Vinilo de corte o película transparente impresa con una capa base blanca detrás del código. Desde fuera, el código tiene un fondo claro y macizo pase lo que pase dentro de la tienda.

Un overlay para directos

Un PNG transparente colocado sobre una placa blanca redondeada en la esquina del directo. La placa mantiene el código escaneable en cada cambio de escena, y el archivo transparente evita una caja blanca desajustada dentro de ella.

Una caja kraft a un solo color

Una única tinta negra sobre cartón kraft imprime solo los módulos. El kraft reduce el contraste, así que el código se dimensiona a 3 cm o más y se prueba sobre el cartón real.

Cómo hacer un código QR transparente

Un código QR transparente se hace en alrededor de un minuto. La mayor parte del cuidado va en dónde se coloca después.

Generar código QR
  1. 1

    Añade tu contenido

    Pega el enlace, o elige otro tipo como Wi-Fi o correo electrónico, y genera el código.

  2. 2

    Activa Fondo transparente

    Abre la pestaña Colores y marca Fondo transparente. La vista previa muestra un damero detrás del código, que señala la zona transparente y no se exporta.

  3. 3

    Elige un color de módulo oscuro

    Elige un color que sea oscuro frente a la superficie sobre la que irá el código. El negro, el azul marino, el verde oscuro y el marrón intenso funcionan sobre superficies claras.

  4. 4

    Exporta PNG o SVG y prueba en su sitio

    Descarga PNG para pantallas o SVG para imprimir, coloca el código sobre su fondo real y escanéalo ahí con dos teléfonos antes de publicar o imprimir.

Un código QR en un cartel de mostrador

Un código sin ninguna caja alrededor

KoloQR, un generador de códigos QR gratuito con códigos QR circulares y de formas personalizadas, tiene una opción Fondo transparente en su pestaña Colores. Márcala y el generador dibuja solo los módulos, los patrones de localización y el logo si lo hay, en contornos cuadrados, circulares, triangulares o hexagonales.

La lectura de contraste de KoloQR trata un código transparente como si estuviera sobre blanco, porque el generador no puede conocer la superficie final. Comprueba tú mismo el color de la superficie real antes de imprimir. KoloQR exporta PNG, SVG, PDF y EPS transparentes sin cuenta y sin marca de agua, y solo hace códigos QR estáticos.

Generar código QR

Formatos de exportación para códigos QR transparentes

La transparencia solo sobrevive en los formatos que pueden guardarla, y solo si el programa que abre el archivo la respeta.

PNG

Guarda la transparencia y funciona en diapositivas, documentos, sitios web, editores de vídeo y software de streaming. Exporta al mayor tamaño que necesites, porque un PNG se ablanda al ampliarlo.

SVG

Transparente por naturaleza: el archivo contiene las formas de los módulos y nada más. El formato para imprimir, para vinilo de corte y para grabado, nítido a cualquier tamaño.

PDF o EPS

Formatos vectoriales para imprentas. Los dos mantienen vacío el fondo, lo que permite a una imprenta añadir una capa base blanca o una tinta plana detrás del código como capa aparte.

Questions? Answered

Sí, sobre una superficie clara y uniforme. Un código QR transparente no tiene fondo propio, así que la superficie que tiene detrás hace de módulos claros. Sobre blanco, crema o un color pálido el código se escanea como cualquier otro. Sobre un fondo oscuro, con dibujo o en movimiento falla, y necesita una placa clara detrás.

Directamente no. Una fotografía cambia de brillo a lo largo de la zona del código, así que algunos módulos claros se leen como oscuros. Coloca una placa blanca o pálida detrás del código, que sobresalga al menos cuatro módulos en cada lado. La placa se puede redondear o tintar para que vaya con la foto.

El archivo se guardó como JPG o se abrió en un programa que no admite transparencia. JPG no tiene transparencia, y muchos programas rellenan de negro la zona vacía. Un código oscuro sobre negro es invisible. Descarga de nuevo el código como PNG o SVG, e inserta el archivo en lugar de pegarlo desde el portapapeles.

Si puedes, vuelve a generar el código con fondo transparente; es más limpio que editarlo. Quitar el blanco de un PNG en un editor de imagen deja un halo pálido de píxeles semitransparentes alrededor de cada módulo, que se ve como un reborde sobre superficies de color. Si no se conocen los datos originales, decodifica primero el código y genéralo de nuevo.

Solo con una capa blanca detrás. Sobre película transparente, el fondo del código es lo que haya detrás del cristal, que cambia con la luz y a menudo es oscuro. Pide a la imprenta una capa base de tinta blanca bajo la zona del código, o usa vinilo blanco con el código impreso encima.

Evítalo siempre que puedas. Los módulos blancos sobre una superficie oscura forman un código QR invertido, que la norma del código QR permite pero que los escáneres de los teléfonos decodifican de forma irregular. Un código oscuro sobre una placa clara colocada encima del fondo oscuro se escanea en muchos más dispositivos.

Sí. La zona de silencio de cuatro módulos en cada lado sigue aplicándose; simplemente no se dibuja en el archivo. Mantén el texto, las imágenes y el borde de la maquetación fuera de ese margen, y asegúrate de que la superficie que queda dentro de él tenga el mismo tono claro que la superficie de detrás del código.

Sí. El logo va en el centro como siempre, y la zona que lo rodea se despeja para que siga siendo legible. En un código transparente esa zona despejada también es transparente, así que comprueba que el logo tenga contraste suficiente tanto frente a la superficie final como frente a los módulos.

Sí. KoloQR hace códigos QR transparentes gratis, con descargas en PNG, SVG, PDF y EPS, sin cuenta y sin marca de agua. Los códigos son estáticos, así que no tienen límite de escaneos y no caducan.

¿Por qué KoloQR?

  • Crea códigos QR para sitios web, menús, Wi-Fi, PDF y tarjetas de visita
  • Personaliza colores, logotipos y formas únicas
  • Descarga archivos PNG y SVG de alta calidad
  • Pensado tanto para impresión como para digital
Generar código QR
Un código QR negro sencillo junto al mismo código rediseñado como un círculo con los colores de la marca