¿Qué es SVG? Guía clara sobre el formato vectorial
¿Qué es SVG? Cómo funcionan los gráficos vectoriales SVG, en qué se diferencian de PNG y JPG, sus ventajas y límites, los usos habituales y cómo abrir y editar un archivo SVG.
1. ¿Qué es SVG?
SVG significa Scalable Vector Graphics (gráficos vectoriales escalables): es un formato abierto de gráficos vectoriales basado en XML y estandarizado por el W3C. Mientras que el PNG y el JPG registran una imagen como una malla de píxeles, el SVG usa fórmulas matemáticas para describir las formas: una línea recta, un círculo, una curva de Bézier, cada una escrita en el archivo como coordenadas e instrucciones de trazado.
Por eso un SVG nunca se difumina al ampliarlo: el navegador simplemente vuelve a dibujar las fórmulas con el nuevo tamaño en lugar de estirar los píxeles. Ese es el sentido de la palabra «vectorial».
2. Diferencias entre SVG y PNG / JPG
| Aspecto | SVG | PNG / JPG |
|---|---|---|
| Cómo guarda la imagen | Trayectorias matemáticas (vectorial) | Mallas de píxeles (mapa de bits) |
| Al ampliar | Escala al infinito sin deformarse | Aparecen dientes de sierra y desenfoque |
| Tamaño del archivo | Muy pequeño en gráficos simples (unos pocos KB) | Crece de forma lineal con la resolución |
| Editabilidad | Texto editable, con color y animable | Requiere software de edición de imagen |
| Ideal para | Iconos, logos, ilustraciones, gráficos | Fotos e iluminación compleja |
3. Usos habituales del SVG
- Iconos de web y logos: un único SVG se adapta a cualquier densidad de pantalla y sigue nítido en pantallas Retina;
- Ilustraciones y gráficos: librerías de visualización de datos como ECharts y Recharts generan SVG por defecto;
- Impresión y grabado: grabadoras láser, plotter e impresoras UV aceptan ampliamente los trazados SVG;
- Animación: los trazados SVG se pueden controlar directamente con CSS / SMIL / JavaScript, lo que permite efectos de trazado progresivo y otros.
4. ¿Cómo abrir y editar un SVG?
Los navegadores (Chrome / Edge / Firefox / Safari) abren directamente los archivos SVG; los programas de diseño como Illustrator, Figma o Inkscape (gratuito) permiten editarlos. Si solo quieres cambiar un color, quitar un fondo o borrar una zona, usa el editor de SVG online de PolySVG, sin instalar nada.
5. ¿Cómo convierto mi PNG / JPG en SVG?
Usa la herramienta de PolySVG para convertir imágenes en SVG: al subir la imagen rasterizada, el modelo propio se encarga automáticamente de la cuantización de color, el seguimiento de contornos y el ajuste de curvas, y en pocos segundos obtienes un SVG editable, con eliminación del fondo en un clic. Todo el proceso es gratuito y no requiere registro.
En resumen: el SVG es un formato que «dibuja con fórmulas», así que por naturaleza encaja con iconos, logos y todo lo que deba escalarse; para las fotos conviene seguir con JPG / WEBP.
Preguntas frecuentes
¿Con qué programa se abre un archivo SVG?
Cualquier navegador moderno lo muestra directamente. Para editarlo, usa Illustrator, Figma o Inkscape, o trabaja en el editor online de PolySVG sin instalar nada.
¿Se puede convertir un SVG en PNG?
Sí. El editor de PolySVG exporta el SVG a PNG en cualquier resolución; una captura del navegador o el exportación de un programa de diseño dan el mismo resultado.