Ir al contenido principal
miji.be

Código QR en SVG

Método que genera códigos QR en formato de gráficos vectoriales escalables (SVG). Es un formato independiente de la resolución que se usa tanto en impresos como en la web.

31 oct 2026 / Lectura de aproximadamente 1 min

Código QR

El código QR en SVG es una técnica que genera el código QR en formato SVG (Scalable Vector Graphics). A diferencia de las imágenes rasterizadas (PNG, JPEG), SVG es un formato vectorial que dibuja las figuras según el tamaño de visualización, por lo que no depende de la resolución. MDN explica que las imágenes SVG pueden representarse a cualquier tamaño sin perder calidad (a octubre de 2025).

Los códigos QR en formato SVG tienen varias ventajas técnicas. En primer lugar, el tamaño del archivo no depende de la resolución de visualización ni de impresión. En segundo lugar, el SVG incrustado directamente en el HTML queda sujeto a los estilos CSS y se usa para dar soporte al modo oscuro y para añadir efectos hover. En tercer lugar, puede manipularse desde JavaScript como elemento del DOM, lo que permite implementar cambios de color dinámicos y animaciones.

Entre los puntos de implementación al ofrecer códigos QR en SVG en un acortador de URL están optimizar los elementos path del SVG para reducir los datos redundantes, establecer una relación de aspecto adecuada con el atributo viewBox e incluir la zona de silencio (margen) dentro del SVG. Sobre la zona de silencio, DENSO WAVE indica que se necesita un margen de 4 módulos en los cuatro lados del código QR (a octubre de 2026). En la función de descarga, algunos servicios ofrecen, además del SVG, opciones de conversión a PNG o PDF según el uso que le den los usuarios.

Para impresión, a veces se puede entregar el SVG tal cual a la imprenta. Para la web, incrustarlo directamente en el HTML como SVG en línea reduce en una las solicitudes HTTP para obtener imágenes.

¿Te resultó útil este artículo?

Términos relacionados

Diseño de código QR

La práctica de personalizar la apariencia del código QR con colores, formas y marca manteniendo la capacidad de escaneo.

Impresión de códigos QR

El proceso de reproducir códigos QR en papel, película, metal o tela y su control de calidad. La resolución, el contraste, la zona de silencio y las propiedades del material son los 4 factores que deciden la tasa de éxito de lectura.

Tamaño mínimo de código QR

El tamaño mínimo de impresión para que un código QR se lea correctamente. Depende del volumen de datos, la calidad de impresión y la distancia de lectura.

Código QR en color

Código QR con colores personalizados en primer plano o fondo. Permite adaptar el diseño a la identidad de marca, pero exige mantener una relación de contraste suficiente.

Logo en código QR

Un logo o imagen incrustado en el centro de un código QR, aprovechando la corrección de errores para mantener la capacidad de escaneo.

Pago con código QR

Método de pago sin efectivo mediante códigos QR. Hay 2 modalidades: la que presenta el comercio y la que presenta el consumidor.

Artículos relacionados

Lo básico sobre códigos QR - cómo funcionan, cómo leerlos y cómo crearlos, explicado desde cero

Qué es un código QR, en qué se diferencia del código de barras, cómo leerlo y crearlo gratis. Incluye trucos con URL acortadas y usos prácticos.

Códigos QR y URLs cortas - Conectando experiencias offline y online

Aprende cómo la combinación de códigos QR con URLs cortas conecta impresos, eventos y puntos de contacto de tu negocio directamente con la web.

URLs cortas en publicidad impresa - Conecta lo offline con lo online

Aprende a usar URLs cortas y códigos QR en volantes, carteles y anuncios en revistas. Cubre directrices de diseño para impresión, medición de ROI y seguimiento por medio.

Pon los términos en práctica

Acorta una URL gratis