📱
Photo & Image/QR Code with Logo

QR Code with Logo

Create branded QR codes with a custom logo overlay. High error correction ensures scannability.

100% LOCALLogo overlayLevel H error correctionCustom colorsPNG + SVG
Saved Codes· Auto-save on
▾
La calculadoraPage 1
URLs should start with https:// for auto-opening
#000000
#ffffff
QR PREVIEW
Enter content and a QR code will be generated automatically.
Data Source & Legal Disclaimer
Effective: Current
Sources: ISO/IEC 18004 — QR Code Specification

QR codes are generated locally in your browser using the qrcode library. No data is uploaded. Error correction level H (30%) is used to ensure the QR remains scannable even with a logo overlay.

See all data sources & update policy →
Cómo funcionaPage 2

QR code anatomy and error correction — illustrated

A QR symbol (ISO/IEC 18004) is a square grid of modules — black and white cells — built around three large finder patterns in the corners that let a scanner detect orientation, plus timing patterns that anchor the module positions. The payload bytes are split into data codewords and redundant Reed–Solomon codewords, so a damaged or obscured symbol can be reconstructed. The standard defines four error-correction levels — L (7%), M (15%), Q (25%), and H (30%) of the symbol may be lost and still decode. This tool encodes at H specifically because the center logo overlay deliberately destroys modules; with 30% redundancy the scanner can rebuild exactly the area the logo covers. Higher correction shrinks capacity, so the encoder picks the smallest version that fits the payload at level H.

Finder patterns + Reed–Solomon redundancy vs. a center logo overlay
QR STRUCTURE · MODULE GRID◎21×21 grid · 3 finder patternscenter = logo overlay zoneERROR CORRECTION · ISO/IEC 18004L7%M15%Q25%H30%max % of symbol that can be lostReed–Solomon codewords rebuild lost modulesThis tool encodes at H — the center logo still scansHigher correction costs capacity: at H the same payload needs a larger version (more modules) than at L.

At level H, up to 30% of codewords can be erased — the logo placed at the core of the symbol sits safely inside that budget, so the code still scans on the first try.

Worked example

A cafe prints a table-tent QR linking to its weekly menu. The owner wants the shop's circular logo centered on the code without breaking scans.

  1. Payload:The URL https://thecafemenu.example/weekly is 34 characters and encodes in byte mode. At level H the encoder selects a Version 4 symbol (33×33 modules) — Version 3 only holds 24 bytes at level H, which is not enough.
  2. Redundancy:The byte stream is split into data codewords and Reed–Solomon codewords — 100 codewords total at Version 4 level H (36 data + 64 EC). Even with codewords erased by the logo, the scanner can reconstruct them.
  3. Overlay:The 25%-size circular logo covers roughly the central 9×9 module block. The generator pads the area with a background-colored box (15% margin) so the logo edges stay crisp against the modules.
  4. Verify:The finished 400 px PNG downloads and scans instantly on a phone camera from a normal arm reach — the 30% budget absorbs the logo plus minor print smudging.
FAQ y detallesPage 3

Create branded QR codes with your logo in the center. Everything runs locally; nothing is uploaded.

FreeToolHub QR Code with Logo is a free browser-based tool — create branded QR codes with your logo in the center. No signup, no upload; everything runs locally in your browser.

Sobre esta herramienta

¿Qué es esta herramienta?

Crea códigos QR con tu logo en el centro. Exportación PNG y SVG, tamaño y corrección de errores ajustables. Gratis, sin registro, ilimitado.

Logo overlayLevel H error correctionCustom colorsPNG + SVG

¿Qué es el código QR con logotipo?

El generador de códigos QR con logotipo produce códigos escaneables que llevan tu marca en el centro. Escribe cualquier URL o texto, elige colores de primer plano y fondo con vista previa en hexadecimal, ajusta el tamaño de exportación entre 200 y 1000 píxeles, y opcionalmente sube un logotipo PNG o SVG que se dibuja justo en el centro del código sobre un fondo con relleno del mismo color que tu fondo. Un deslizador de tamaño del logotipo escala la marca entre el 10 % y el 35 % del ancho del código. La vista previa se regenera automáticamente unos 300 milisegundos después de que dejas de escribir, y los códigos terminados se exportan como PNG o como SVG vectorial. La generación sigue el estándar QR ISO/IEC 18004 mediante la librería de código abierto qrcode.

¿Cómo funciona?

(1) Introduce la URL o el texto: se recomiendan URLs HTTPS porque se abren directamente al escanear, y la vista previa se refresca sola tras un breve debounce sin pulsar ningún botón. (2) Personaliza colores, tamaño del lienzo y el logotipo opcional. El codificador construye la matriz QR con corrección de errores Level H, que almacena alrededor de un 30 % de datos redundantes, y luego la rasteriza a un lienzo. Cuando hay logotipo, el código lo dibuja centrado con una caja de relleno sólida de tu color de fondo, dimensionada por el deslizador del logotipo. (3) Descarga el resultado: el PNG captura la vista previa exacta incluido el logotipo, mientras que el SVG recodifica el código como marcado vectorial limpio para impresión de gran formato. Todo se ejecuta en la pestaña del navegador.

¿Romperá la superposición de un logotipo el escaneo?

No, si respetas los márgenes que la herramienta impone. Los códigos QR sobreviven al daño gracias a la corrección de errores de Reed-Solomon, y este generador usa siempre Level H, el grado más alto, que puede reconstruir el mensaje incluso cuando cerca del 30 % de los módulos queda oculto. El deslizador del logotipo llega hasta el 35 % del ancho del código, y la marca se sitúa justo en el centro en la región media libre de patrones de localización, con una caja de relleno que evita que los píxeles densos del logotipo se filtren a los módulos cercanos. El contraste importa igual: mantén el primer plano y el fondo bien diferenciados, porque los códigos en gris pálido sobre blanco fallan sin importar el nivel de corrección. Prueba cualquier código impreso con dos cámaras de móvil distintas antes de una tirada grande: la textura del papel y la reducción de tamaño añaden su propio ruido.

Preguntas frecuentes

¿Rompe la superposición de un logotipo en un código QR el escaneo?

No cuando se hace bien. Los códigos QR llevan corrección de errores de Reed-Solomon, y en el nivel más alto (H) sobreviven hasta un 30 % de daño, que es el presupuesto que gasta un logotipo central. El logotipo debe quedarse dentro del área central, evitar los tres cuadrados de localización de las esquinas y mantener el código en una densidad razonable. Este generador aplica corrección level-H por defecto, que es exactamente por lo que los códigos QR con logotipo funcionan.

¿Qué contraste de color necesita un código QR para escanearse?

Los escáneres leen el patrón por contraste, no por color: los módulos oscuros deben ser claramente más oscuros que los claros. Azul marino oscuro sobre blanco es perfecto; gris claro sobre blanco no; e invertir (código claro sobre fondo oscuro) falla en muchos escáneres aunque parezca elegante. Mantén el propio logotipo fuera del área de datos o con alto contraste contra ella, y pruébalo en un móvil real antes de imprimir.

¿Puedo cambiar la URL del sitio web después de imprimir el código QR?

No: un código QR estático codifica el destino de forma permanente en su patrón; los píxeles SON el enlace. Si la URL puede cambiar, codifica una redirección corta que controles (tu-dominio/qr/1 redirigiendo al objetivo real), así un futuro cambio es una redirección de servidor y no una reimpresión. El generador codifica exactamente el texto que escribes: esa permanencia es una característica, no una limitación, cuando lo sabes de antemano.

¿Por qué mi código QR funciona en pantalla pero no impreso?

Tres culpables habituales: tamaño de impresión por debajo de unos 2 cm (los móviles necesitan un tamaño mínimo de módulo para enfocar), expansión de tinta que cierra los huecos entre módulos (aumenta la zona de silencio o usa menos caracteres), o el reflejo del papel brillante que mata el contraste bajo la luz de la sala. Exporta a alta resolución, imprime a 3 cm o más para folletos, y haz una prueba de escaneo real de la pieza impresa, no solo de la pantalla.

How large can my logo be without breaking QR scannability?

QR codes use Reed-Solomon error correction. At the highest level (H), up to 30% of the code can be obscured and still scan reliably. Keep your center logo under 20% of the QR area for universal scanner compatibility. This tool auto-applies error correction level H and shows a scannability preview before export.

What output formats and sizes are available?

Export as PNG (up to 2048×2048px for print), SVG (infinitely scalable for signage and packaging), or PDF. Customize foreground/background colors, dot style (square, rounded, dots), and finder pattern shape. A branded QR code with your logo increases scan rates by 20-40% compared to generic black-and-white codes, per industry A/B tests.

Herramientas relacionadas

Compartir:𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.