EXPORTACIÓN SVG DEL CÓDIGO QR
Exporta un código QR como SVG, no como un mapa de bits envuelto
Mosaqo dibuja cada código como geometría, y la exportación SVG es ese dibujo escrito en un archivo. Un módulo es un rectángulo, la zona de silencio forma parte del lienzo y los colores son simples valores hexadecimales en el marcado: el mismo archivo sirve para una tarjeta de visita y para una fachada.
VISTA RÁPIDA
Qué cambia esto en la práctica
01
Qué hay realmente dentro del archivo
La exportación es un único elemento SVG con anchura y altura declaradas y un viewBox medido en módulos. Cada módulo oscuro es un rectángulo de uno por uno en coordenadas enteras, y los tres patrones de sucursalización son formas propias, de modo que el estilo de las esquinas queda independiente de que los módulos sean cuadrados, redondeados o de puntos. Nada está calcado de un mapa de bits, porque nada fue nunca un mapa de bits.
La zona de silencio forma parte del lienzo en lugar de ser algo que recordar después: el viewBox es el código más el margen que elegiste, cuatro módulos por defecto y hasta dieciséis. Un fondo transparente se escribe como la ausencia total de rectángulo de fondo, y eso es exactamente lo que permite que el archivo se apoye sobre papel de color sin una caja blanca alrededor.
- Un rectángulo por módulo, en coordenadas enteras
- Zona de silencio incluida en el viewBox
- Primer plano y fondo como valores hexadecimales de seis dígitos
- Sin rectángulo de fondo cuando el fondo es transparente
02
El vector va de bordes, no de peso de archivo
Un lector lee la frontera entre un módulo oscuro y uno claro. Ampliar un PNG pequeño suaviza cada una de esas fronteras, y una frontera suave es un dato ambiguo: por eso un código ampliado falla a un tamaño que el mismo código habría soportado exportado en vector. Un SVG no tiene resolución que perder de entrada.
Por eso también un solo archivo cubre cualquier colocación. Lo que va en la invitación va en el cartel: la imprenta lo escala y los bordes de los módulos siguen exactamente donde los pone la geometría.
03
Dónde una tarjeta compuesta deja de ser vector puro
Un código desnudo es vector de principio a fin. Una tarjeta lo es allí donde puede serlo: la matriz conserva su geometría, y formas, fondos y degradados siguen siendo formas.
Dos cosas no hacen ese viaje. Una fotografía o un logotipo subido no tiene forma vectorial, así que viaja dentro del SVG como una imagen de mapa de bits en alta resolución. El texto sigue siendo texto vivo con una familia tipográfica declarada, lo que significa que una máquina sin esa fuente sustituye otra y la línea cambia de anchura. Cuando la tipografía tiene que ser exacta, componla en tu programa de maquetación y exporta el código a solas.
Una tarjeta exportada en PDF se aplana a una única imagen de alta resolución sobre la página —una composición de fotografías no puede ser otra cosa— y Mosaqo la genera muy por encima de 300 ppp en A4, de modo que queda lista para imprenta igualmente. Solo el código desnudo, en SVG o PDF, llega a la página como geometría.
- La matriz QR: geometría vectorial
- Fotos, logotipos y pegatinas subidos: mapa de bits incrustado
- Texto: texto vivo, así que conserva la fuente o compón el texto en la maquetación
04
Para qué sirven las exportaciones PNG y PDF
PNG es la respuesta correcta para una pantalla, un correo o una diapositiva: allí donde el código se coloca una vez a un tamaño que ya conoces. Expórtalo generosamente grande y no lo amplíes nunca después.
El PDF es la misma geometría sobre una página: el código dibujado, no rasterizado, centrado en A4, listo para imprimir o para entregárselo a alguien tal cual. Tampoco tiene resolución, así que ampliar la página amplía el código sin suavizar un solo borde. Envía el SVG cuando el código deba entrar en una maquetación que controla otra persona, a un tamaño que solo ella conoce.
05
Recolorear y colocar el archivo
Como el archivo es texto, sus colores se editan sin abrir un programa de diseño: el relleno de los módulos es el primer plano que elegiste y el rectángulo de fondo es el fondo. Mantén la dirección convencional: módulos oscuros sobre fondo claro. Los códigos invertidos los leen muchos lectores y no todos, lo que los convierte en una apuesta sobre cualquier cosa impresa.
Al colocar el archivo, mantén la zona de silencio despejada y resiste los efectos que suavizan bordes: sombras paralelas, modos de fusión, transparencia sobre gráfica cargada. Un código sobre una fotografía falla por la misma razón que uno borroso.
06
Prueba el archivo exportado, no la vista previa
Abre el SVG exportado, colócalo a tamaño final en la maquetación real, imprime uno sobre el material de verdad y escanéalo con dos celulars distintos a la distancia a la que lo sostendrá un lector, con la luz que la colocación tiene realmente.
El editor comprueba contraste, zona de silencio y densidad de datos mientras trabajas, y esas comprobaciones atrapan la mayoría de los problemas antes de que lleguen a una imprenta. Lo que no pueden ver es el barniz, el pliegue y la luz de la sala.
FAQ
Preguntas frecuentes
¿El SVG es un archivo vectorial de verdad o una imagen de un código?
Vector de verdad. Cada módulo es un rectángulo en el marcado y los patrones de sucursalización son formas propias, así que el archivo escala a cualquier tamaño sin perder un borde. En la exportación de un código desnudo no hay nada rasterizado.
¿Puedo cambiar los colores en el archivo exportado?
Sí. El primer plano y el fondo son valores hexadecimales de seis dígitos en el marcado y se editan en cualquier editor de texto o de diseño. Mantén módulos oscuros sobre fondo claro: invertir un código es lo que más a menudo rompe una lectura.
¿Por qué mi tarjeta exportada contiene una imagen incrustada?
Porque una fotografía o un logotipo subido no tiene forma vectorial. La matriz sigue siendo geometría vectorial; la imagen viaja como mapa de bits de alta resolución dentro del mismo SVG.
¿Le envío a la imprenta el SVG o el PDF?
Cualquiera de los dos: ambos son vectoriales. El PDF es una hoja A4 terminada con el código dibujado encima, lo que encaja con una imprenta que quiere una página. El SVG es el código solo, lo que encaja con quien lo coloca dentro de una maquetación. Lo que no debería recibir ninguna imprenta es un mapa de bits ampliado desde uno pequeño.
¿El SVG incluye la zona de silencio?
Sí. El margen que fijaste —cuatro módulos por defecto— forma parte del lienzo, así que colocar el archivo a sangre en una maquetación no se come el espacio de respiración del código.
SIGUIENTE PASO