← Guías

Códigos QR y etiquetas

Cómo añadir un logo a un QR sin romperlo

Ajusta corrección, tamaño, contraste y pruebas para mantener la lectura.

Respuesta rápida

Un logo tapa parte del patrón de datos. Empieza con código oscuro sobre blanco, URL corta, logo pequeño y margen libre. El porcentaje de corrección no garantiza que puedas cubrir el mismo porcentaje del área.

Paso a paso

En Generar introduce https://example.com/shop y verifica el código sin logo. Añade después una imagen pequeña; el ajuste para logo se aplica automáticamente. Si falla, limpia el logo y vuelve a generar. En Analizar abre los tres ejemplos por separado y compara el texto sin visitar el destino.

Errores frecuentes

ZXing devuelve la misma dirección en el código simple y el de logo pequeño. El ejemplo con la parte superior borrada falla. Esta prueba de software no certifica todas las cámaras, impresoras o tamaños. Conserva los marcadores de las esquinas y el margen; no estires ni recortes el cuadrado.

Comprobación final

Comprueba la URL completa. Repite con tu dirección real larga: más texto reduce el tamaño de los módulos a dimensiones iguales. Prueba el archivo final al tamaño impreso, en dispositivos y luz reales. Reduce el logo o simplifica la dirección; no amplíes una captura borrosa.

Decidir con un ejemplo

Valida una base antes de añadir la marca

Los tres archivos son una comparación controlada, no una regla universal de tamaño de logo. Tapar zonas de igual superficie puede afectar partes distintas del símbolo.

Valida una base antes de añadir la marca
Qué comprobarEjemplo o acciónCómo valorar el resultado
Código sencilloDecodifica qr-plain.png: https://example.com/shop.Comprueba también /shop, no solo el dominio.
Logo pequeñoDecodifica qr-small-logo.png y genera tu propia versión.El éxito de este archivo no certifica otro logo, cámara o impresión.
Daño intencionadoCompara qr-damaged.png con los archivos legibles.La corrección fuerte no permite tapar las esquinas ni cortar el margen. Retira primero el logo.

Ejemplo práctico

Los materiales de ejemplo de Boundarysline contienen datos ficticios. Descárgalos para seguir las instrucciones; no son registros de clientes ni resultados certificados.

Cómo añadir un logo a un QR sin romperlo — qr-plain.png
qr-plain.png
Cómo añadir un logo a un QR sin romperlo — qr-small-logo.png
qr-small-logo.png
Cómo añadir un logo a un QR sin romperlo — qr-damaged.png
qr-damaged.png
Comprobar el resultado
https://example.com/shopqr-plain.pngqr-small-logo.png
Usar la herramienta relacionadaDiseño y verificación QR

Fuentes y lecturas

Continúa con una guía relacionada