Códigos QR y códigos de barras
El panel de Herramientas genera códigos escaneables vinculados a datos estructurados y coloca marcos de dispositivos alrededor de tus diseños, todo como objetos regulares del lienzo que puedes redimensionar y cambiar de estilo.
Resumen rápido
- Haz clic en Herramientas en la barra de iconos, luego abre Generadores.
- Elige Código QR, Código de barras o Maquetas de dispositivos.
- Para un código QR, selecciona un tipo de contenido, completa sus campos y ajusta colores y corrección de errores.
- Para un código de barras, elige una simbología y un valor, o cambia al modo por lotes y sube un CSV.
- Haz clic en Añadir al lienzo, luego redimensiona y posiciona como cualquier otro objeto.
Referencia detallada
Estudio QR
| Tipo de contenido | Codifica |
|---|---|
| Sitio web / URL | Cualquier dirección web |
| Texto plano | Cualquier cadena de texto |
| Red Wi-Fi | Nombre de la red, seguridad (WPA/WEP/none), contraseña, indicador de red oculta |
| Contacto (vCard) | Nombre, empresa, teléfono, correo electrónico, sitio web |
| Correo electrónico | Destinatario, asunto, cuerpo |
| SMS | Número, mensaje |
| Teléfono | Un número de teléfono |
| Ubicación (geo) | Latitud y longitud |
| Configuración | Opciones | Predeterminado |
|---|---|---|
| Color de primer plano | Cualquier color | Negro |
| Color de fondo | Cualquier color | Blanco |
| Corrección de errores | Baja (7%), Media (15%), Cuartil (25%), Alta (30%) | Media |
Añadir al lienzo inserta una imagen de alta resolución con un ancho inicial de 140 px, por lo que se mantiene nítida si la amplías. Exporta el mismo código directamente como PNG, SVG de vector real o PDF cuadrado pequeño, independientemente de la exportación del diseño. Una URL se normaliza automáticamente: si omites el esquema, se añade https:// antes de codificarla.
Generador de códigos de barras
Las simbologías se agrupan por familias. QR es su propia herramienta dedicada arriba y no forma parte de esta lista.
| Familia | Ejemplos |
|---|---|
| 1D lineal | Code 128, Code 39, Code 93, EAN-13, EAN-8, UPC-A, UPC-E, ITF, ITF-14, Codabar, MSI Plessey, Code 11, Pharmacode |
| 2D matricial | Data Matrix, PDF417, Micro PDF417, Aztec, MaxiCode |
| GS1 | GS1-128, GS1 Data Matrix, GS1 DataBar, DataBar Expanded |
| Postal | Royal Mail, Australia Post, Japan Post, KIX, USPS Intelligent Mail, POSTNET |
Predeterminados de código de barras individual:
| Configuración | Predeterminado |
|---|---|
| Color de línea | Casi negro |
| Color de fondo | Blanco |
| Texto legible para humanos | Activado |
| Ancho / Alto / Relleno | 3 / 28 / 8 |
| Rotación | 0 grados |
| Salida | Vector |
Los controles del modo individual exponen un Alto (8-120), una Zona de silencio (0-40, el relleno alrededor del código), una Escala (1-8) y una Rotación (-180 a 180 grados). Los códigos matriciales cuadrados intercambian el campo de Alto por un Tamaño de módulo (2-12). Salida cambia entre un SVG (vector) y un PNG (raster), y hay un interruptor de Fondo transparente.
Modo por lotes sube un CSV, o comienza a partir de una muestra descargable, y asigna sus columnas a un nombre de página, un valor de código de barras y un tipo de código de barras. Luego genera una nueva página por fila usando tu página actual como diseño maestro, útil para procesar un lote completo de etiquetas de productos o etiquetas de inventario en una sola pasada.
Un código de barras individual también ofrece un interruptor de fondo transparente y una opción "ajustar al marco seleccionado", para que pueda colocarse directamente en un marcador de posición en una plantilla de etiqueta.
Modos del estudio de códigos de barras
La herramienta de código de barras se abre en cuatro pestañas:
| Modo | Uso |
|---|---|
| Individual | Construir un código de barras, previsualizarlo en vivo, y añadirlo o exportarlo |
| Secuencia | Generar una serie de números de serie como códigos de barras separados en una pasada |
| Por lotes | Subir un CSV y generar una nueva página por fila (arriba) |
| Historial | Reutilizar los últimos 12 valores generados, sin volver a ingresar configuraciones |
Modo secuencia construye un lote numerado: elige una simbología, luego establece un prefijo, sufijo, número de inicio, paso, cantidad (hasta 100) y relleno con ceros. Una vista previa en vivo muestra los primeros códigos, y Generar secuencia los coloca todos en la página actual.
El modo individual también incluye un grupo de Colocación. Ajustar al marco seleccionado coloca el código en un marcador de posición seleccionado, Centrar después de insertar lo centra, y Objeto consciente de campo lo etiqueta para que el modo por lotes pueda encontrarlo y reemplazarlo más tarde.
Maquetas de dispositivos
| Dispositivos |
|---|
| iPhone, MacBook, ventana del navegador, iPad, teléfono Android |
Cada clic inserta un marco decorativo de dispositivo con un área de pantalla. Coloca tu diseño o una captura de pantalla en esa área, o convierte el marco en una máscara con las herramientas de selección.
Paso a paso
Un código QR de red Wi-Fi
- Abre Herramientas > Generadores > Código QR.
- Configura Contenido QR en Red Wi-Fi.
- Ingresa el Nombre de la red (SSID) exactamente como aparece en el router, elige el tipo de Seguridad (WPA/WPA2, WEP o Ninguno) y escribe la Contraseña. Elegir Ninguno oculta el campo de contraseña.
- Marca Red oculta solo si la red no difunde su nombre.
- Abre Avanzado y deja la Corrección de errores en Media (15%) para una pantalla o un póster. Súbela a Alta (30%) si el código será pequeño o se imprimirá en una superficie concurrida.
- Abre Colores para recolorear el código. Mantén el primer plano claramente más oscuro que el fondo: un código claro sobre oscuro o de bajo contraste no se escaneará.
- Haz clic en Añadir al lienzo. El código se coloca con un ancho de 140 px y permanece nítido al ampliarlo. Escanéalo desde el diseño exportado antes de imprimir para confirmar que sigue leyéndose.
Un código de barras de producto minorista con dígito de control
- Abre Herramientas > Generadores > Código de barras, en la pestaña Individual.
- Elige EAN-13 de la lista de simbologías.
- Escribe el número del producto. EAN-13 necesita 12 o 13 dígitos: ingresa el cuerpo de 12 dígitos y el panel muestra Válido, dígito de control añadido automáticamente, lo que significa que calcula el dígito final por ti.
- Ajusta Alto y Zona de silencio en Tamaño y escala si la etiqueta es ajustada. No estreches las barras más de lo que el escáner puede resolver.
- Haz clic en Añadir al lienzo, o usa Exportar para un PNG, SVG o PDF independiente.
Un lote de etiquetas de código de barras desde un CSV
- Diseña una página como tu maqueta de etiqueta. Etiqueta la ranura de valor como un Objeto consciente de campo en modo individual si quieres que cada código caiga en un lugar específico.
- Cambia a la pestaña Por lotes y haz clic en Descargar CSV de muestra para ver las columnas esperadas (
page_name,barcode_valuey columnas de datos opcionales). - Completa tus filas, luego arrastra el CSV a la zona de carga.
- Verifica el Mapeo de campos: las columnas llamadas
barcode_value,barcode,skuocodese asignan al valor automáticamente,barcode_typeestablece la simbología por fila, ypage_namenombra cada página. Establece un Tipo de código de barras de respaldo para las filas que no tengan uno. - Haz clic en Generar páginas. Una barra de progreso rastrea la ejecución, y la lista de resultados marca cualquier fila fallida con un botón Reintentar fallidos una vez que los corrijas.
Una serie de números de serie
- En la herramienta Código de barras, abre la pestaña Secuencia.
- Elige una simbología, luego establece un Prefijo (por ejemplo
INV-), un Inicio numérico, un Paso y una Cantidad. - Usa Relleno con ceros para mantener todos los números del mismo ancho (por ejemplo
0001). - Observa la vista previa, luego haz clic en Generar secuencia para colocar toda la serie en la página actual.
Ejemplos
| Necesidad | Configuración |
|---|---|
| Enlace a un sitio web | Código QR, Sitio web / URL, escribe la dirección (https:// se añade si la omites) |
| Guardar un contacto | Código QR, Contacto (vCard): nombre, empresa, teléfono, correo electrónico, sitio web |
| Etiqueta minorista de estante | Código de barras, EAN-13 o UPC-A, texto legible para humanos activado |
| Caja de envío | Código de barras, ITF-14 o GS1-128 |
| Etiqueta de piezas pequeñas | Código de barras, Data Matrix (matriz cuadrada, sin línea de texto) |
| Entradas para eventos | Código QR con corrección de errores Alta, o un código de barras Aztec |
Solución de problemas
"Contenido demasiado largo para un QR"
Un solo QR contiene una cantidad limitada de datos, y una corrección de errores más alta deja menos espacio para ellos. Acorta el texto o la URL, o reduce la corrección de errores un nivel, hasta que la vista previa se renderice.
Un código QR no escanea
Mantén el primer plano más oscuro que el fondo y no los inviertas, y deja el margen de silencio alrededor del código despejado. No hay superposición de logotipo central incorporada, por lo que si colocas un logotipo o forma sobre un QR manualmente, mantenlo pequeño y configura la Corrección de errores en Alta (30%) para que el código aún pueda recuperar los módulos cubiertos.
"EAN-13 requiere 12 o 13 dígitos"
EAN, UPC y simbologías minoristas similares aceptan solo dígitos, en una cantidad fija: EAN-13 requiere 12 o 13, EAN-8 requiere 7 u 8, UPC-A requiere 11 o 12, UPC-E requiere 6 a 8. Un valor no válido muestra un error en línea y bloquea Añadir al lienzo hasta que se corrija.
Un código cuadrado ignora el campo de alto
Data Matrix, GS1 Data Matrix, Aztec y MaxiCode se dimensionan a partir de los datos y la escala del módulo, por lo que el campo Alto no aplica y no se dibuja ninguna línea de texto legible para humanos. Usa Tamaño de módulo y Zona de silencio para controlarlos en su lugar.
Consejos
Prueba antes de imprimir
Escanea un código QR desde el diseño exportado antes de enviarlo a imprimir, especialmente en tamaños pequeños. La corrección de errores solo recupera una cantidad limitada de detalles perdidos.
Empareja la simbología con el escáner
Los escáneres minoristas esperan EAN o UPC, los sistemas de envío a menudo requieren ITF-14 o una simbología GS1, y las etiquetas generales son más seguras como Code 128, que lee la más amplia gama de contenido.
Relacionados
- Herramientas de selección para enmascarar una captura de pantalla en un marco de dispositivo
- Creador por lotes para otra forma de generar variaciones de página por fila
- Exportar una página para exportar el diseño terminado
- Panel de propiedades para redimensionar y posicionar un código generado