ArrayKit

Código QR con logo

Pon tu logo en un código QR, cambia sus colores, formas y marco, y comprueba en directo que se sigue leyendo mientras diseñas, todo en tu navegador y sin subir nada.

Código QR con logo

Pon tu logo en un código QR, cambia sus colores, formas y marco, y comprueba en directo que se sigue leyendo mientras diseñas, todo en tu navegador y sin subir nada.

El logo, el contenido y el código terminado se quedan en esta pestaña. Solo los ajustes de diseño (colores, formas, marco) se recuerdan en tu dispositivo; el texto que codificas y el archivo del logo no se guardan.

Comprueba un código terminado con el Lector de código QR

Acerca de Código QR con logo

Este creador de códigos QR coloca tu propio logo en el centro de un código y te deja cambiar todo lo que lo rodea: colores de primer plano y de fondo o un degradado de dos colores, módulos cuadrados, redondeados, de puntos o de rombo, tres formas de ojos con sus propios colores y un marco opcional con una etiqueta como SCAN ME. Un logo oculta parte del patrón, así que la herramienta vincula la corrección de errores con el logo. Auto sube el nivel cuando hay un logo, y el control deslizante de tamaño se detiene en el logo más grande que ese nivel puede reconstruir. Cada cambio se redibuja al instante y la imagen terminada se vuelve a decodificar en la página, de modo que ves una confirmación, o una advertencia en lenguaje sencillo, antes de imprimir nada. Los colores y las formas se recuerdan en este dispositivo; el contenido y el logo no, y no se sube nada.

Características

  • Añade un logo PNG, JPEG, SVG o WebP de hasta 1 MB, con una base cuadrada o redonda detrás
  • Control deslizante del tamaño del logo limitado a lo que el nivel de corrección de errores elegido puede reconstruir
  • Corrección de errores Auto que sube a Q o H cuando se añade un logo, y explica por qué
  • Módulos cuadrados, redondeados, de punto y de rombo, con formas independientes para el exterior y el interior de los ojos
  • Colores sólidos o un degradado de dos colores con ángulo ajustable
  • Marco encima o debajo del código, con tu propia etiqueta y tus propios colores
  • Comprobación de lectura en vivo: la imagen generada se decodifica y se compara con tu texto
  • Seis ajustes predefinidos con un clic, y luego PNG de 256 a 2048 px o SVG para imprimir

Cómo usar Código QR con logo

  1. Escribe o pega el enlace o el texto en el cuadro de contenido
  2. Elige un ajuste predefinido y luego ajusta los colores, las formas de los módulos y los ojos
  3. Elige un archivo de logo y fija su tamaño; el control deslizante se detiene en el límite seguro para el nivel de corrección de errores
  4. Si quieres, añade un marco con una etiqueta como SCAN ME
  5. Espera a que la comprobación de lectura se ponga en verde y descarga el PNG o el SVG

Ejemplo

Entrada

Content: https://example.com
Error correction: H
Logo: 22% of the width, round plate
Modules: rounded dots, round eyes

Salida

1024 px PNG downloaded
✓ Scans correctly — the image decodes back to https://example.com

La comprobación decodifica los mismos píxeles que descargas, así que un logo demasiado grande se detecta antes de imprimir.

Errores comunes y solución de problemas

  • El código deja de escanearse después de añadir un logo. — El logo tapa más del patrón de lo que la corrección de errores puede reconstruir. Redúcelo o sube el nivel a H. El control deslizante ya se detiene en el límite seguro para el nivel en uso.
  • Una advertencia dice que los colores están invertidos o que el contraste es bajo. — Los escáneres esperan módulos oscuros sobre un fondo claro y con mucho contraste. Intercambia los dos colores u oscurece el primer plano; bajo la advertencia aparece una corrección con un clic.
  • El código se escanea en pantalla pero no en papel. — Deja una zona de silencio de al menos cuatro módulos, imprime con un ancho mínimo de 2 cm y usa el SVG para impresiones grandes, de modo que los bordes sigan nítidos.
  • Se rechaza el archivo del logo. — Usa un PNG, JPEG, SVG o WebP de menos de 1 MB. Un logo sencillo sobre fondo transparente funciona mejor; reduce antes las fotos grandes.

Preguntas frecuentes

¿Qué tamaño puede tener el logo en un código QR antes de que deje de escanearse?
Depende del nivel de corrección de errores. El nivel L solo puede reconstruir un logo de aproximadamente una décima parte del ancho del código, mientras que el nivel H admite más o menos una cuarta parte. El control deslizante de tamaño tiene como tope el límite del nivel en uso, y la comprobación de lectura en vivo te dice si el resultado todavía se decodifica.
¿Por qué un código QR con logo necesita el nivel de corrección de errores H?
Un logo sustituye módulos reales, y el código sobrevive solo porque sus datos de corrección de errores pueden reconstruirlos. El nivel H restaura hasta un 30% de los datos, así que tolera el logo más grande. El ajuste Auto usa Q o H siempre que hay un logo.
¿Qué colores de código QR se escanean con fiabilidad y funciona un degradado?
Lo más seguro son los módulos oscuros sobre un fondo claro y con mucho contraste; procura una relación de contraste de al menos 4 a 1. Un degradado se escanea bien mientras los dos extremos sigan siendo lo bastante oscuros frente al fondo. Evita los módulos claros sobre fondo oscuro, que muchas aplicaciones de escaneo no pueden leer.
¿Conviene guardar un código QR con logo como PNG o como SVG para imprimir?
Usa SVG para todo lo que se imprima o se amplíe, porque es vectorial y se mantiene nítido a cualquier tamaño. Usa un PNG de 1024 px o más para páginas web, presentaciones y documentos.
¿Cómo pruebo un código QR con logo antes de imprimirlo?
La página decodifica la imagen generada después de cada cambio y muestra si vuelve el mismo texto. Para imprimir, escanea además una prueba de impresión al tamaño y a la distancia reales con un móvil.
¿Se suben mi logo y mi enlace cuando diseño un código QR aquí?
No. Tu navegador lee el logo y lo incrusta en el código, y ni el logo ni el texto se envían a ningún sitio. Solo los ajustes de diseño se recuerdan en este dispositivo.

Herramientas relacionadas

  • Generador de código QR — Genera un código QR a partir de texto o una URL; descárgalo como PNG o SVG.
  • Lector de código QR — Escanea un código QR desde una imagen, una captura o tu cámara y mira qué contiene: enlaces, WiFi, contactos y pagos.
  • Generador de código QR vCard — Convierte datos de contacto en un código QR que el móvil guarda con un toque, en vCard 3.0, 4.0 o MECARD, con descarga de .vcf.
  • Generador de QR WiFi — Código QR que conecta al WiFi al escanearlo, con escapado correcto.
  • Generador masivo de códigos QR — Convierte una lista o un CSV en hasta 500 códigos QR, como un ZIP de PNG o SVG o como una hoja imprimible con etiquetas.
  • SVG a PNG — Convierte marcado SVG o un archivo .svg en un PNG o JPG nítido.
  • Conversor de formato de imagen — Convierte imágenes entre PNG, JPEG y WebP por completo en tu navegador.
  • Generador de favicon — Crea favicon.ico, PNG de varios tamaños, un Apple touch icon y un manifiesto web desde una imagen, unas letras o un emoji.

Más herramientas de Codificar / Decodificar

Ver todas las herramientas de Codificar / Decodificar (30) · Todas las herramientas