¿Qué es SVG? La guía del formato de gráficos vectoriales escalables
SVG (Scalable Vector Graphics) es un formato de imagen único que usa XML para describir gráficos bidimensionales como vectores en lugar de píxeles. A diferencia de los formatos rasterizados como JPEG o PNG, las imágenes SVG pueden escalarse a cualquier tamaño sin pérdida de calidad, lo que las hace ideales para logos, iconos, diagramas y diseño web responsivo.
¿Qué es SVG?
SVG es un formato de imagen vectorial basado en XML desarrollado por el W3C e introducido en 2001. A diferencia de los formatos rasterizados (JPEG, PNG, GIF) que almacenan imágenes como una cuadrícula de píxeles, SVG almacena las imágenes como descripciones matemáticas de formas, trazados, texto y degradados. Esto significa que la imagen puede escalarse a cualquier dimensión (desde un icono diminuto hasta una valla publicitaria) sin ninguna pérdida de calidad o aumento del tamaño del archivo.
Los archivos SVG son esencialmente archivos de texto que contienen marcado XML, lo que significa que pueden editarse con cualquier editor de texto, indexarse por buscadores y comprimirse eficazmente con gzip. SVG admite estilos mediante CSS, interactividad mediante JavaScript y animación mediante SMIL o animaciones CSS. TurnPic convierte imágenes rasterizadas a SVG incrustando los datos del mapa de bits dentro de un contenedor SVG, lo que proporciona la estructura y escalabilidad de SVG preservando los datos originales de píxeles.
Ventajas y desventajas de SVG
SVG ofrece ventajas únicas para gráficos vectoriales pero tiene limitaciones para contenido fotográfico.
| Ventajas | Desventajas |
|---|---|
| Infinitamente escalable sin pérdida de calidad: ideal para diseño responsivo | No adecuado para fotografías complejas: SVG está diseñado para gráficos vectoriales |
| Tamaños de archivo pequeños para gráficos simples como logos e iconos | SVGs complejos con muchos elementos pueden volverse grandes y lentos de renderizar |
| Texto editable e indexable, con soporte de interactividad CSS/JavaScript | Las imágenes rasterizadas incrustadas en SVG no se benefician de la escalabilidad vectorial |
Compatibilidad con navegadores
SVG tiene excelente soporte en navegadores: todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera, han soportado SVG durante muchos años. SVG puede mostrarse inline en HTML, referenciarse como origen de imagen o cargarse como archivo independiente. El soporte en navegadores móviles también es completo. La principal consideración de compatibilidad es que los navegadores muy antiguos (IE 8 y anteriores) no soportan SVG, pero esto rara vez es un problema en 2026.
Cuándo usar SVG
SVG es el formato ideal para cualquier gráfico que necesite escalarse sin pérdida de calidad. Es el formato preferido para logos, iconos, diagramas, gráficos e ilustraciones que se mostrarán en múltiples tamaños. Para fotografías e imágenes complejas con muchos colores, SVG no es adecuado: use JPEG, PNG, WebP o AVIF en su lugar.
Los escenarios comunes donde SVG destaca incluyen:
- Logos y gráficos de marca que deben verse nítidos a cualquier tamaño
- Iconos y elementos de interfaz para sitios web y aplicaciones responsivos
- Diagramas, gráficos e ilustraciones técnicas
- Gráficos que necesitan estilos CSS o interactividad JavaScript
Cómo convertir imágenes a SVG
Convertir imágenes a SVG con TurnPic incrusta su imagen rasterizada dentro de un contenedor SVG. Cargue sus archivos JPEG, PNG, GIF, BMP, WebP, AVIF o ICO usando la página del conversor de SVG. La herramienta admite conversión por lotes de hasta 30 imágenes por carga, con un límite de 10 MB por archivo.
La conversión crea un archivo SVG que contiene la imagen de mapa de bits original codificada como datos base64 dentro de la estructura XML del SVG. Esto proporciona el formato y la estructura del archivo SVG preservando el contenido visual. El SVG resultante puede abrirse en cualquier aplicación compatible con SVG. Una vez completado el procesamiento, descargue cada archivo SVG individualmente o como archivo ZIP.
Preguntas frecuentes
¿Puede SVG contener fotografías?
El SVG puro es un formato vectorial y no está diseñado para fotografías. Sin embargo, SVG puede incrustar imágenes rasterizadas (mapas de bits) dentro de su estructura XML usando codificación base64 o referencias externas. TurnPic usa este enfoque para crear archivos SVG a partir de imágenes rasterizadas. La imagen incrustada conserva su naturaleza basada en píxeles, pero se envuelve en el formato SVG.
¿Mi imagen SVG se escalará sin pérdida de calidad?
Los gráficos SVG vectoriales puros se escalan perfectamente sin ninguna pérdida de calidad. Sin embargo, cuando un SVG contiene una imagen rasterizada incrustada (como la que produce el conversor de TurnPic), la parte del mapa de bits incrustado sigue siendo basada en píxeles y mostrará pérdida de calidad al escalarla más allá de su resolución original. El contenedor SVG en sí es escalable, pero el detalle de la imagen incrustada no.
¿SVG es más pequeño que PNG o JPEG?
Para gráficos vectoriales simples como logos e iconos, los archivos SVG son típicamente mucho más pequeños que los archivos PNG equivalentes. Sin embargo, cuando un SVG contiene una imagen rasterizada incrustada, el archivo es en realidad más grande que el original porque los datos de la imagen se codifican en base64 (lo que añade aproximadamente un 33 % de sobrecarga). Para contenido fotográfico, JPEG o WebP son mucho más pequeños.
¿Puedo editar archivos SVG?
Sí, los archivos SVG son archivos de texto XML y pueden editarse con cualquier editor de texto o software especializado de gráficos vectoriales como Adobe Illustrator, Inkscape o Figma. Esta es una de las ventajas clave de SVG: la definición de la imagen es legible y editable por humanos, a diferencia de los formatos rasterizados que son binarios.
¿Listo para convertir sus imágenes a SVG?
Convertir a SVG ahora