Formato SVG: qué es, cómo funciona y cuándo usarlo
SVG describe gráficos vectoriales bidimensionales mediante XML y puede combinar geometría, estilos, texto, imágenes raster, animación e interacción.
- Extensión
- .svg
- Tipo MIME
- image/svg+xml
- Identificación
- Documento XML cuyo elemento raíz es <svg>
- Referencia
- Scalable Vector Graphics (SVG) 2 — W3C
01
Geometría, estilos y sistema de coordenadas
Un SVG puede contener trazados Bézier, rectángulos, círculos, líneas, polígonos y grupos transformados. El atributo viewBox relaciona el sistema de coordenadas interno con el tamaño de visualización. Si width, height y viewBox no son coherentes, el dibujo puede verse bien en pantalla pero llegar con una escala inesperada al software CAD.
El color, grosor y relleno pueden declararse como atributos, estilos CSS o reglas heredadas. SVG también admite imágenes raster incrustadas, filtros, máscaras y recortes. Esos recursos cambian la apariencia, pero no siempre generan una geometría equivalente cuando se exporta a un formato de fabricación.
02
Preparar SVG para CAD y corte láser
Antes de convertir a DXF, conviene transformar textos en contornos, aplicar operaciones booleanas y eliminar elementos ocultos. Las curvas deben aproximarse con suficientes puntos para conservar la forma, pero no con tantos que dificulten la edición o provoquen movimientos innecesarios de la máquina.
SVG usa un eje vertical que crece hacia abajo en muchos contextos de pantalla; CAD suele trabajar con un plano cartesiano. Un conversor debe aplicar transformaciones y adaptar coordenadas. Después de exportar, la dimensión real, los contornos abiertos, las capas y las trayectorias duplicadas deben revisarse en el programa CAD/CAM de destino.
Cuándo conviene usar SVG
- Logotipos, iconos, diagramas y gráficos que deben escalar sin pixelarse.
- Ilustraciones web accesibles y editables con CSS o JavaScript.
- Intercambio de geometría 2D entre herramientas de diseño.
- Preparación de contornos para CAD o fabricación después de simplificarlos.
Cuándo elegir otra opción
- Fotografías complejas donde millones de píxeles son más eficientes que vectores.
- Enviar directamente a una máquina sin revisar escala, contornos y unidades.
- Suponer que filtros, máscaras o tipografías son trayectorias de corte.
Lista de control para validar un SVG
- El viewBox y las dimensiones representan la escala prevista.
- Los textos se convierten a trazados cuando la fuente no viajará con el archivo.
- Las formas de fabricación están cerradas y no existen líneas duplicadas.
- No hay scripts, enlaces remotos ni recursos innecesarios antes de compartirlo.
Procesamiento local
Herramientas disponibles para SVG
Fuentes técnicas oficiales
La ficha se contrastó con las especificaciones y registros enlazados a continuación.