1. IronBarcode
  2. Guías
  3. .NET Crear Código QR personalizado
Cómo Personalizar y Agregar Logos a Códigos QR en C#

Cómo personalizar y añadir logotipos a códigos QR en C#

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
Actualizado:
This article was translated from English: Does it need improvement?
Translated
View the article in English

Personalice los códigos QR en C# añadiendo logotipos, cambiando colores e incluyendo anotaciones mediante el método CreateQrCodeWithLogo de IronBarcode y las funciones de estilo para crear códigos QR de marca y profesionales para aplicaciones de marketing y empresariales.

Los códigos QR han ganado popularidad sobre los códigos de barra tradicionales debido a su mayor capacidad de datos y facilidad de escaneo. Son especialmente valorados en marketing por su personalización, incluyendo opciones para añadir logotipos, cambiar colores e incorporar otros elementos de marca. Las empresas modernas aprovechan los códigos QR personalizados para varias campañas de marketing y estrategias de captación de clientes.

Para satisfacer esta demanda, IronBarcode ofrece un conjunto de características para personalizar códigos QR. Los usuarios pueden crear códigos QR con logotipos, cambiar los esquemas de color y añadir anotaciones. Estas capacidades son impulsadas por IronDrawing, una biblioteca gratuita y de código abierto. La biblioteca es compatible con múltiples formatos de códigos de barras, incluidos los códigos QR estándar, Micro QR y los últimos formatos rMQR.

Inicio rápido: Crear un Código QR con Marca en una Línea

Empiece de inmediato creando un código QR con su logotipo, color personalizado y anotación, todo con una configuración mínima y solo una línea de código de IronBarcode. Perfecto para desarrolladores que desean una imagen de marca profesional rápidamente.

Nuget IconEmpieza a crear PDF con NuGet ahora:

  1. Instalar IronBarcode con el gestor de paquetes NuGet

    PM > Install-Package BarCode

  2. Copie y ejecute este fragmento de código.

    IronBarCode.QRCodeWriter.CreateQrCodeWithLogo("https://example.com", new IronBarCode.QRCodeLogo("logo.png"), 300).ChangeBarCodeColor(IronSoftware.Drawing.Color.DeepSkyBlue).AddAnnotationTextAboveBarcode("Scan Me", new IronSoftware.Drawing.Font("Verdana",12), IronSoftware.Drawing.Color.White, 5).SaveAsPng("customQR.png");

  3. Despliegue para probar en su entorno real

    Empieza a utilizar IronBarcode en tu proyecto hoy mismo con una prueba gratuita
    arrow pointer

Flujo de trabajo mínimo (5 pasos)

  1. Descargar la biblioteca C# para personalizar códigos QR
  2. Utilice CreateQrCodeWithLogo para crear un código QR con un logotipo
  3. Aplicar colores personalizados con ChangeBarCodeColor
  4. Añadir anotaciones con AddAnnotationTextAboveBarcode
  5. Mostrar el valor del código QR con AddBarcodeValueTextBelowBarcode

¿Cómo crear códigos QR con un logotipo?

Se requiere un objeto QRCodeLogo para incrustar la imagen del logotipo mientras se genera el código QR. The CreateQrCodeWithLogo method generates a QR code with a logo. Este método forma parte de las completas funciones de generación de código QR de IronBarcode, que ofrecen amplias opciones de personalización a los desarrolladores.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo.cs
using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png");

Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)

QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png")
$vbLabelText   $csharpLabel
Código QR con logotipo cuadrado de colores incrustado en el centro mostrando ejemplo de integración de logotipo

Examinemos el código QR de salida generado por el código anterior. El código QR presenta un logotipo en el centro con bordes redondeados. La integración del logotipo mantiene la capacidad de escaneado del código QR al tiempo que añade identidad de marca.

¿Qué parámetros controlan el aspecto del logotipo?

Para personalizar el logotipo, rellene campos específicos al crear un nuevo objeto QRCodeLogo. Estos son los campos obligatorios:

  • Importing Image: Import images from AnyBitmap, Stream, Byte Array, relative filepath, or URI. Para obtener resultados óptimos, utilice imágenes de alta resolución en formatos comunes como PNG, JPEG o WebP.
  • Dimensiones de la imagen: especifique la anchura y la altura deseadas en píxeles. Si la imagen es demasiado grande para que el código QR siga siendo legible, se lanzará una excepción. Utilice 0 para determinar automáticamente el mayor tamaño viable.
  • Esquinas de imagen: establece el radio de las esquinas redondeadas. Utilice 0 para las esquinas cuadradas. Las esquinas redondeadas crean un aspecto más profesional y una mejor integración visual.

¿Cómo exporto el código QR generado?

Para exportar el código QR generado, invoque un método de guardado. Las opciones de exportación incluyen archivos de imagen, Streams, HTML y PDF. Obtenga más información sobre exportación de códigos de barras como diferentes formatos en nuestra guía completa. Para aplicaciones web, también puede exportar códigos de barras como HTML para incrustarlos directamente en páginas web.

¿Cómo puedo cambiar el color de mi código QR?

Además de añadir logotipos, IronBarcode permite a los usuarios personalizar los códigos QR cambiando su color. Con IronDrawing, los usuarios pueden definir colores utilizando valores RGB o códigos de color hexadecimales y aplicarlos a códigos QR. Esta función es especialmente útil para mantener la coherencia de la marca en todo el material de marketing. Examinemos un fragmento de código que demuestra esta función y el código QR resultante.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color.cs
using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

IronSoftware.Drawing.Color ColorFromRgb = new IronSoftware.Drawing.Color(51, 51, 153);

GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode QrCodeWithLogoAndColor = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb);
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png");
Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private ColorFromRgb As New IronSoftware.Drawing.Color(51, 51, 153)

Private QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private QrCodeWithLogoAndColor As GeneratedBarcode = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb)
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png")
$vbLabelText   $csharpLabel
Código QR azul con logotipo a color personalizado en el centro que muestra el éxito de la personalización del color y el logotipo

¿Qué formatos de color se admiten?

El código anterior amplía el ejemplo anterior de creación de códigos QR con logotipos. It demonstrates changing QR code color using the ChangeBarCodeColor method, which takes an IronSoftware.Drawing.Color object as input. Cree este objeto utilizando valores RGB, códigos hexadecimales o enums predefinidos. Visite nuestro código de ejemplo "Crear Color" para aprender más. La función de personalización del color funciona perfectamente con todos los formatos de código de barras soportados.

¿Cuándo debo utilizar colores personalizados?

Los colores personalizados son especialmente útiles para:

  • Coherencia de marca: Adaptación de los códigos QR a la identidad visual de su empresa
  • Temas de campaña: Creación de códigos QR temáticos para campañas y eventos especiales
  • Jerarquía visual: Uso del color para resaltar códigos QR importantes en materiales impresos
  • Accesibilidad: Garantizar un contraste suficiente para una mejor exploración en diversas condiciones

Al seleccionar los colores, mantenga un contraste adecuado entre el patrón del código QR y el fondo para garantizar un escaneado fiable. Los colores oscuros sobre fondos claros suelen ser los más adecuados.

¿Cómo se añaden anotaciones a los códigos QR?

Otro aspecto importante de la personalización de códigos QR es añadir anotaciones dentro de la imagen del código QR. Estas anotaciones pueden ser el propio valor del código de barras o texto personalizado con fines promocionales. Las anotaciones ayudan a los usuarios a comprender el contenido del código QR antes de escanearlo, lo que mejora la experiencia del usuario y los índices de participación.

Examinemos la implementación de estos métodos y la imagen del código QR resultante.

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color-annotation.cs
using IronBarCode;
using IronSoftware.Drawing;

AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");

QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);

Color colorForBarcode = new Color(51, 51, 153); // color from RGB
Color annotationAboveBarcodeColor = new Color("#176feb");  // color from Hex
Font annotationAboveBarcodeFont = new Font("Candara", FontStyle.Bold, 15);
Color barcodeValueBelowBarcodeColor = new Color("#6e53bb");
Font barcodeValueBelowBarcodeFont = new Font("Cambria", FontStyle.Regular, 15);

GeneratedBarcode qrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode qrCodeWithLogoAndColor = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode);
GeneratedBarcode qrCodeWithAnnotation = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2);
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png");
Imports IronBarCode
Imports IronSoftware.Drawing

Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")

Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)

Private colorForBarcode As New Color(51, 51, 153) ' color from RGB
Private annotationAboveBarcodeColor As New Color("#176feb") ' color from Hex
Private annotationAboveBarcodeFont As New Font("Candara", FontStyle.Bold, 15)
Private barcodeValueBelowBarcodeColor As New Color("#6e53bb")
Private barcodeValueBelowBarcodeFont As New Font("Cambria", FontStyle.Regular, 15)

Private qrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private qrCodeWithLogoAndColor As GeneratedBarcode = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode)
Private qrCodeWithAnnotation As GeneratedBarcode = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2)
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png")
$vbLabelText   $csharpLabel
Código QR con anotación del logotipo de IronBarcode en el centro, demostrando las capacidades de personalización de la marca

¿Qué métodos de anotación hay disponibles?

IronBarcode proporciona métodos para establecer la posición de la anotación (arriba o abajo del código QR), así como su familia de fuentes y color. Los métodos disponibles incluyen:

  • AddAnnotationTextAboveBarcode: Adds annotation text above the QR code
  • AddAnnotationTextBelowBarcode: Adds annotation text below the QR code
  • AddBarcodeValueTextAboveBarcode: Adds barcode value text above the QR code
  • AddBarcodeValueTextBelowBarcode: Adds barcode value text below the QR code

Estos métodos pueden encadenarse para realizar múltiples anotaciones. Para opciones de estilo más avanzadas, consulte nuestra guía completa de estilo de códigos de barras.

¿Cómo puedo personalizar la apariencia de las anotaciones?

Los cuatro métodos aceptan una fuente personalizada como objeto IronSoftware.Drawing.Font, el color como objeto IronSoftware.Drawing.Color y un número entero para especificar el espaciado superior e inferior en píxeles. Estos parámetros son opcionales; si no se especifica, se utilizarán la fuente, el color y el espaciado predeterminados. El objeto Fuente admite varias familias de fuentes, estilos (negrita, cursiva, normal) y tamaños para adaptarse a los requisitos de su marca.

¿Por qué utilizar anotaciones en los códigos QR?

Las anotaciones mejoran los códigos QR:

  • Proporcionar contexto: Etiquetas como "Buscar menú" o "Visite nuestro sitio web" aclaran el propósito
  • Mejora del compromiso: Las llamadas a la acción claras aumentan las tasas de exploración
  • Crear confianza: Mostrar la URL o el nombre de la empresa ayuda a los usuarios a sentirse seguros
  • Aumento de la accesibilidad: las anotaciones de texto ayudan a los usuarios a comprender el contenido sin necesidad de escanearlo

IronBarcode es una herramienta ideal para crear y personalizar códigos QR. Más allá de los métodos de personalización directa, IronBarcode utiliza IronDrawing como biblioteca de ayuda para el procesamiento de imágenes, lo que proporciona más estabilidad que depender de bibliotecas externas. Para obtener ejemplos adicionales y técnicas avanzadas, explore nuestro Tutorial del generador de códigos QR de C# y Referencia de API para obtener documentación completa de todos los métodos y propiedades disponibles.

Preguntas Frecuentes

¿Cómo añado un logotipo a un código QR en C#?

Puede añadir un logotipo a un código QR utilizando el método CreateQrCodeWithLogo de IronBarcode. Simplemente cree un objeto QRCodeLogo con la ruta de su archivo de imagen y páselo al método junto con los datos de su código QR. El logo se incrustará en el centro del código QR manteniendo la escaneabilidad.

¿Puedo cambiar los colores de mi código QR?

Sí, IronBarcode proporciona el método ChangeBarCodeColor que permite personalizar los colores de los códigos QR. Puede aplicar cualquier color de la paleta IronSoftware.Drawing.Color para que coincida con la identidad de su marca y, al mismo tiempo, garantizar que el código QR siga siendo escaneable.

¿Cómo añado anotaciones de texto a un código QR?

IronBarcode ofrece métodos como AddAnnotationTextAboveBarcode y AddBarcodeValueTextBelowBarcode para añadir anotaciones de texto. Puede personalizar la fuente, el tamaño, el color y la posición del texto para crear etiquetas informativas o llamadas a la acción en sus códigos QR.

¿Qué formatos de código de barras son compatibles con la personalización?

IronBarcode admite la personalización de múltiples formatos de códigos de barras, incluidos los códigos QR estándar, los códigos Micro QR y los últimos formatos rMQR. Cada formato puede personalizarse con logotipos, colores y anotaciones para satisfacer sus requisitos específicos.

¿Puedo crear un código QR de marca con una sola línea de código?

Sí, IronBarcode permite crear un código QR de marca completa en una sola línea encadenando métodos. Puede combinar los métodos CreateQrCodeWithLogo, ChangeBarCodeColor y AddAnnotationTextAboveBarcode para generar un código QR personalizado con logotipo, colores y texto de una sola vez.

¿Qué formatos de imagen puedo utilizar para los logotipos de códigos QR?

La función QRCodeLogo de IronBarcode admite formatos de imagen comunes como PNG, JPG y otros formatos estándar. La biblioteca procesa e incrusta automáticamente la imagen de su logotipo manteniendo una legibilidad óptima del código QR.

¿Cómo afecta la integración del logotipo a la posibilidad de escanear códigos QR?

IronBarcode coloca automáticamente los logotipos en el centro de los códigos QR con el tamaño y el relleno adecuados para mantener la escaneabilidad. La biblioteca garantiza que el logotipo no interfiera con las funciones de corrección de errores del código QR, manteniéndolo legible para los escáneres de códigos QR estándar.

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
  Chatea con el equipo de ingeniería ahora
Ingeniero de Software
Como todos los grandes ingenieros, Hairil es un ávido aprendiz. Está refinando su conocimiento de C#, Python y Java, usando ese conocimiento para agregar valor a los miembros del equipo en Iron Software. Hairil se unió al equipo de Iron Software desde la Universiti Teknologi MARA en Malasia, donde se ...
Leer más
¿Listo para empezar?
Nuget Descargas 2,002,059 | Versión: 2025.12 recién lanzado