Optimizador SVG
Reduce el tamaño de tus SVG eliminando metadatos del editor, grupos innecesarios y decimales de más, con vistas previas lado a lado para que nada se rompa.
- Sin subidas
- Funciona sin conexión
- Gratis, sin registro
- Tus archivos no salen del navegador
Suelta archivos SVG aquí
o pega código SVG en el editor. Puedes abrir varios archivos a la vez.
Tu SVG se queda en este dispositivo. No se sube nada.
Cómo usar el Optimizador SVG
- 1
Abre tu SVG
Suelta uno o varios archivos SVG exportados desde Figma, Illustrator, Inkscape o Sketch.
- 2
Ajusta la configuración
Ajusta la precisión numérica y opciones como conservar IDs o quitar width y height. Las vistas previas de antes y después se actualizan al momento.
- 3
Aplica o descarga
Aplica el resultado al editor (puedes deshacer), cópialo o descarga el archivo optimizado.
Qué elimina el optimizador SVG
Las herramientas de diseño escriben mucho código que el navegador nunca usa. El optimizador lo elimina y la imagen queda idéntica:
- Metadatos del editor, comentarios y espacios de nombres de Illustrator, Inkscape o Sketch
- Elementos ocultos y vacíos,
defssin usar y grupos innecesarios - Decimales de más en las coordenadas, según el control de precisión
- Comandos de trazado largos, reescritos en una forma equivalente más corta
- Valores de atributos por defecto y estilos duplicados
¿Por qué optimizar archivos SVG?
Los SVG más pequeños cargan antes, lo que ayuda a las Core Web Vitals, y son especialmente importantes en SVG en línea en HTML, sprites de iconos y componentes de React, donde cada byte va en tu paquete de JavaScript. Un código más limpio también es más fácil de leer, de cambiar de color y de animar.
Fíjate en el tamaño con gzip además del tamaño sin comprimir: se parece más a lo que envía realmente tu servidor.
Todo lo que necesitas para trabajar con SVG
El Optimizador SVG forma parte de un único espacio para ver, editar, optimizar y convertir archivos SVG, sin registro, sin anuncios y sin subidas.
Vista previa al instante
Zoom hasta el 6400 %, desplazamiento, ajuste a la pantalla y fondo transparente, blanco, negro o del color que quieras.
Editor de código en vivo
Resaltado de sintaxis, marcadores de error por línea, formatear y minificar, búsqueda e historial de deshacer completo.
Contorno y cuadrícula
Ve cada trazado en modo contorno y comprueba la alineación de píxeles con la cuadrícula al hacer zoom.
Inspeccionar
Tamaño del archivo y con gzip, viewBox, árbol de elementos con resaltado y cambio de colores con un clic.
Optimizar con SVGO
Reduce archivos comparando antes y después, con precisión ajustable. Optimiza todos los archivos abiertos a la vez.
PNG, JPG, WebP e ICO
Exporta a cualquier tamaño hasta 16384 px, con transparencia, o copia el PNG directamente al portapapeles.
React, Vue y Svelte
Componentes JSX/TSX, React Native, Vue y Svelte limpios, con soporte para currentColor y props.
Varios archivos a la vez
Abre muchos SVG como pestañas y optimízalos en lote o descárgalos en un ZIP de SVG o PNG.
Privado y sin conexión
Sin subidas ni cuentas. Tu trabajo se guarda en el navegador y la app funciona sin conexión tras la primera visita.
Preguntas frecuentes
¿Cuánto se reducirá mi SVG?
Los archivos exportados desde herramientas de diseño suelen reducirse entre un 30 y un 80 %, porque SVGO elimina metadatos, comentarios, elementos ocultos y decimales de más. Verás el ahorro exacto antes de aplicar nada.
¿Optimizar cambiará el aspecto de mi SVG?
La configuración por defecto es segura para la mayoría de los archivos. Si bajas mucho la precisión, compara las vistas previas de antes y después. Activa «Conservar IDs» si tu CSS o JavaScript usa los id de los elementos.
¿Qué es SVGO?
SVGO es el optimizador de SVG de código abierto más utilizado. viewsvg lo ejecuta en tu navegador, así que tus archivos nunca salen de tu dispositivo.
¿Se suben mis archivos SVG a algún sitio?
No. viewsvg funciona por completo en tu navegador. Los archivos se leen, se muestran, se optimizan y se convierten en tu dispositivo, y nada se envía a un servidor. Después de la primera visita funciona incluso sin conexión.
¿viewsvg es gratis?
Sí. Todas las funciones son gratuitas, sin registro, sin marcas de agua y sin límite de archivos.