Qué hace diferente a SVG de otros formatos de imagen
La mayoría de los formatos de imagen almacenan imágenes como una cuadrícula de píxeles de colores. SVG (Scalable Vector Graphics) almacena imágenes como descripciones matemáticas de formas: líneas, curvas, círculos y trazados. Esto significa que un SVG puede escalarse a cualquier tamaño, desde un favicon de 16×16 hasta una valla publicitaria, sin pérdida de nitidez. El tamaño del archivo también permanece constante sin importar el tamaño de visualización.
Donde SVG brilla
- Logotipos: se ven perfectos en todas las resoluciones de pantalla, incluidas las pantallas de alta densidad
- Iconos: tamaños de archivo diminutos y escalabilidad infinita hacen de SVG el formato de iconos ideal
- Ilustraciones y diagramas: gráficos, mapas y dibujos técnicos permanecen nítidos a cualquier nivel de zoom
- Animaciones: los elementos SVG pueden animarse con CSS, creando gráficos animados ligeros
- Accesibilidad: el texto SVG puede ser leído por lectores de pantalla, a diferencia del texto incrustado en imágenes de mapa de bits
Cuándo no usar SVG
SVG no es adecuado para fotografías o imágenes complejas con degradados y miles de variaciones de color. Una fotografía representada como formas SVG sería enorme y lenta de renderizar. Usa WebP o AVIF para contenido fotográfico.
Convertir a y desde SVG
Para convertir un logotipo de mapa de bits a un contenedor SVG, usa nuestro conversor de PNG a SVG. Ten en cuenta que esto envuelve la imagen de mapa de bits en un archivo SVG: no realiza trazado vectorial. Para obtener trazados vectoriales reales a partir de una imagen de mapa de bits, se necesita una herramienta de trazado dedicada como Inkscape o Adobe Illustrator.
Para convertir SVG a formatos de mapa de bits para usar en contextos que no admiten SVG (clientes de correo, redes sociales, ciertas apps), usa nuestros conversores SVG a PNG, SVG a JPG o SVG a WebP.
SVG como favicon
Los navegadores modernos admiten favicons SVG, que se ven nítidos en todas las pantallas con un solo archivo. El enfoque recomendado en 2026 es proporcionar un favicon SVG para navegadores modernos y un archivo ICO como respaldo. Crea el ICO a partir de tu logotipo PNG con nuestro conversor de PNG a ICO.
Preguntas frecuentes
- ¿Debería usar SVG o PNG para el logotipo de mi sitio web?
- SVG para la web: se ve perfecto en pantallas retina y suele ser mucho más pequeño que un PNG con la misma calidad visual. Conserva una versión PNG para usar en documentos, presentaciones y aplicaciones que no admiten SVG.
- ¿Los archivos SVG pueden contener malware?
- SVG es un formato XML y técnicamente puede contener scripts. Nunca abras archivos SVG de fuentes no confiables directamente en un navegador, y desinfecta los SVG antes de incrustar SVG subidos por usuarios en tu sitio.
- ¿Por qué mi SVG se muestra como imagen rota?
- Los archivos SVG deben servirse con el tipo MIME correcto (
image/svg+xml). Revisa la configuración de tu servidor si los archivos SVG se muestran como imágenes rotas o se descargan en lugar de mostrarse.