En este artículo, le mostraré el método simple para generar códigos QR usando Inkscape, el editor de gráficos vectoriales gratuito.

Los códigos QR están aumentando rápidamente en popularidad, lo que permite a las personas sacar rápidamente las cámaras de sus teléfonos y escanear el código para llevarlo a la URL de cualquier sitio web. Estos códigos QR se han vuelto más frecuentes en lugares como restaurantes, lo que permite a los clientes abrir rápidamente el menú en sus teléfonos y así reducir el contacto con un menú tangible.

Entonces, ¿cómo se genera un código QR en Inkscape?

Comience abriendo Inkscape en su computadora (puede descargar el software gratis desde Inkscape.org). En la pestaña "Hora de dibujar" (flecha roja en la imagen de arriba) para la pantalla de bienvenida que aparece (asumiendo que está usando Inkscape 1.0 o más reciente), elija un tamaño de documento basado en cualquiera de las muchas plantillas disponibles. Elegí el tamaño de "Escritorio 1080p" en la pestaña "Pantalla" (flecha amarilla).

Con su nuevo documento abierto, vaya a Extensiones> Renderizar> Código de barras> Código QR (flecha roja en la imagen de arriba).

Esto abrirá un diálogo de código QR. Aquí, puede establecer varias configuraciones, incluido el sitio web al que desea que se dirija a las personas cuando se escanea el código con la cámara de un teléfono inteligente (esto se encuentra en la sección etiquetada "texto", flecha roja en la imagen de arriba).

En mi caso, escribí mi sitio web, "daviesmediadesign.com", para el campo "texto". Puedo hacer clic en "Aplicar" para generar el código QR (flecha amarilla), luego hacer clic en "Cerrar" para salir del diálogo (no salga del diálogo en este momento si desea obtener más información sobre la configuración avanzada en el siguiente sección).

Puede ver el producto final en la imagen de arriba, que se generó utilizando los valores predeterminados para el generador de códigos QR de Inkcape. Cubro algunas formas de personalizar la apariencia del código QR más adelante en este artículo.

También puedo ajustar algunas configuraciones más avanzadas en este diálogo, que cubriré a continuación.

Configuración avanzada del código QR

Hasta este punto, hemos abierto el cuadro de diálogo del código QR y hemos agregado una URL al campo "Texto".

A continuación, si selecciono la opción "Vista previa en vivo" (flecha roja en la imagen de arriba), aparecerá un código QR en mi documento (flecha azul; es posible que tenga que quitar el diálogo del código QR para verlo).

Debajo del campo de texto está el menú desplegable "Tamaño, en cuadrados unitarios" (flecha amarilla en la foto de arriba). Esta función le permite cambiar manualmente la cantidad de datos que muestra el código QR, lo que cambia el tamaño del código en sí. No recomiendo configurar manualmente este valor ya que la extensión de Inkscape crea automáticamente el código QR de tamaño adecuado según la URL que agregas al campo "Texto".

En pocas palabras: cuanto más larga sea la URL, más grande será el código QR. Por ejemplo, si agrego una URL más larga de uno de mis artículos en mi sitio web (flecha roja en la imagen de arriba), verá que el código QR se agrandará para acomodar los caracteres adicionales (flecha azul). Contendrá más "módulos" o pequeños cuadrados porque la URL más larga contiene más caracteres.

Para reiterar, recomiendo mantener este menú desplegable configurado en "automático".

El siguiente menú desplegable es el "Nivel de corrección de errores" (flecha roja). De forma predeterminada, se establecerá en "L (Aproximadamente 7%)", que funciona mejor en entornos "limpios", o en situaciones en las que no espera que el código QR se ensucie, advierta o se dañe / destruya. Si espera que el código se coloque en algún lugar donde pueda recibir una paliza (es decir, en un sitio de trabajo de construcción, en una esquina concurrida de una ciudad bulliciosa, etc.), es posible que desee aumentar la corrección de errores.

La configuración más alta es "H (Aprox. 30%)", y esta configuración producirá el código QR más grande y, al mismo tiempo, contendrá más datos. El% básicamente significa la cantidad de datos que se pueden destruir sin afectar la capacidad del código QR para escanearse con éxito.

La configuración "M (Aprox. 15%)" (flecha roja) es un buen compromiso para proteger su código QR contra daños sin hacer que el código sea demasiado grande u ocupado.

La siguiente opción es el menú desplegable "Codificación de caracteres" (flecha roja en la imagen de arriba). Aquí hay cuatro opciones, con la mejor opción para usted según el idioma o los símbolos utilizados en su URL o texto.

Si está utilizando una URL estándar que está en inglés, puede seguir con "Latin 1".

Cuando utilice ciertos idiomas europeos (distintos del inglés), es posible que desee utilizar CP 1250 o CP 1252.

Finalmente, si está utilizando caracteres o símbolos Unicode en su texto, incluidos símbolos de varios idiomas en todo el mundo, es posible que desee utilizar UTF-8.

La siguiente opción, "Invertir código QR" (flecha amarilla) es una casilla de verificación que simplemente le permite cambiar el color de fondo del código QR de blanco a negro (demostrado por la flecha roja en la imagen). También puede cambiar el color de fondo Y el color de los módulos principales (las formas cuadradas) del código usando algunas herramientas en Inkscape (más sobre esto más adelante).

El campo "Tamaño cuadrado" (flecha amarilla) le permite modificar el tamaño general del código QR. Un valor más pequeño reduce el código QR y un valor más grande aumenta la escala de todo el código QR. En este caso, cambié el tamaño de 4.0 a 10.0, haciendo que el código QR sea más grande (flecha roja). También puede ajustar el tamaño del código QR después de haber aplicado sus cambios utilizando otras herramientas en Inkscape. Sin embargo, si desea escalar el código QR hacia arriba o hacia abajo con mayor precisión (según el tamaño de los módulos cuadrados dentro del código, en píxeles), puede usar esta opción.

El menú desplegable "Tipo de dibujo" (flecha amarilla) le permite cambiar cómo se dibujan los módulos dentro del código QR. De forma predeterminada, los datos se representan con cuadrados cuando se selecciona la opción "Suave: neutral". Sin embargo, existen otras configuraciones personalizadas para elegir. Por ejemplo, la opción "Ruta: círculo" cambiará todos los elementos del módulo a círculos (flecha roja en el ejemplo anterior). Cambiaré esto de nuevo al predeterminado "Suave: neutral" para el siguiente paso.

La siguiente opción, “Valor cuadrado suave (0-1)” (flecha amarilla en la foto de arriba), me permite agregar o reducir la cantidad de suavizado aplicado a los módulos cuadrados. De forma predeterminada, está establecido en .2, lo que significa que hay un poco de suavizado alrededor de los bordes de cada cuadrado. Puedo subir este valor hasta 1.0, lo que agrega un suavizado drástico a los cuadrados y, por lo tanto, los combina más (flecha roja). Un valor de cero eliminará todo el suavizado aplicado a los cuadrados. Puede establecer este valor en lo que prefiera; esencialmente es solo una forma de alterar la estética del código.

Debajo del menú desplegable de suavizado hay un campo de texto titulado "Cadena de ruta" (flecha amarilla) para ajustar la apariencia y la posición del código QR cuando selecciona la opción "Ruta: personalizada" del menú desplegable Tipo de dibujo (flecha roja). Se supone que también funciona para la opción de tipo de dibujo "Símbolo", aunque la opción Símbolo no funciona en Inkscape 1.1, al menos no para mí.

El primer elemento dice "m 0,1" - esta es una coordenada. Si cambia el primer valor, desplazará la ubicación del código QR hacia la izquierda o hacia la derecha (dependiendo de si hace que el número sea positivo o negativo). Si cambia el segundo valor, compensará el código QR hacia arriba o hacia abajo (nuevamente, dependiendo de si el número es positivo o negativo). Puede usar cualquier número aquí; estoy bastante seguro de que se basa en cualquier unidad en la que esté configurado su documento (es decir, píxeles). Esta función no es del todo necesaria, ya que siempre puede reposicionar su código QR después de aplicarlo con la herramienta Seleccionar.

El siguiente elemento, que se separa del primer elemento con "|" símbolo, dice “0.5, -1 | 0.5, 1 ”por defecto. Estos valores determinan básicamente el tamaño de los símbolos del módulo (es decir, los triángulos). Cambiar cualquier valor ajustará un aspecto del símbolo del triángulo. Por ejemplo, si escribo “0.8, -1 | 0.5, 1 ”los triángulos ahora aparecerán ligeramente sesgados hacia la derecha porque he ajustado sus dimensiones.

Puede jugar con los valores aquí por su cuenta para ver cómo puede personalizar los símbolos. Solo tenga en cuenta que los valores probablemente deberían permanecer por debajo de 1.0 ya que los símbolos comienzan a sangrar entre sí cuando va más allá de eso (y por lo tanto hace que el código QR sea ilegible).

El último campo es el "ID de grupo". Esto le permite asignar manualmente una ID al código QR para cosas como exportar a un archivo SVG, que es un archivo de “gráficos vectoriales escalables” que también contiene algún código. Si lo deja en blanco, Inkscape asignará automáticamente una identificación al código. De lo contrario, puede agregar un nombre aquí manualmente. Escribí "Esto es una prueba" como ID de grupo. Te mostraré dónde se muestra momentáneamente.

Haga clic en Aplicar (flecha amarilla) para generar el código QR en su composición, luego haga clic en "cerrar" para salir del diálogo de código QR (flecha azul).

Puede ver el ID de grupo presionando ctrl + shift + x para abrir el diálogo del Editor XML (flecha roja). Verá el código de back-end asociado con este código QR generado. En la última línea de código puede ver el ID de grupo "Esto es una prueba" que creé (flecha amarilla). En la siguiente tabla, también puede ver los metadatos de este código QR, con la segunda línea etiquetada como "id" y el valor etiquetado como "Esto es una prueba" (flecha azul).

El código QR generado en sí mismo es en realidad dos objetos separados: los módulos de fondo y de primer plano (es decir, los elementos cuadrados). Puedo hacer clic en el fondo (flecha verde) con la herramienta Seleccionar (flecha roja) y hacer clic en un color en mi paleta de colores para cambiar su color (flecha azul).

Puedo hacer lo mismo con los elementos de primer plano: haga clic en ellos (flecha verde) con la herramienta de selección (flecha roja) y haga clic en un color de mi paleta de colores (flecha azul) para cambiar el color.

Si quiero, puedo usar degradados en cualquier objeto para personalizar aún más los colores.

Eso es todo por este tutorial! Si te gustó, puedes ver mi otro Tutoriales Inkscape or Artículos de ayuda de Inkscape.

Suscríbase al boletín de DMD

Suscríbase al boletín de DMD

Regístrese para recibir nuevos tutoriales, actualizaciones de cursos y las últimas noticias sobre su software de código abierto favorito.

¡Te has suscripto satisfactoriamente!

El pin en Pinterest