Optimizador de SVG
- Los archivos no salen de tu dispositivo
- Se ejecuta en el navegador
- Gratis, sin registro ni marca de agua
Drop SVG files here, or click to choose
Acepta SVG, SVGZ · También puedes pegar con Ctrl+V / ⌘V
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
Cómo usar Optimizador de SVG
Reduce archivos SVG con SVGO sin salir de tu navegador. Elige el preajuste Predeterminado, Seguro o Máximo, o activa y desactiva plugins sueltos, comprueba una diferencia de píxeles contra el original y exporta el resultado como SVG, un URI de datos o un componente React.
- 1
Suelta archivos SVG o SVGZ en la página, o pega código SVG; Ejemplo carga un ejemplo.
- 2
En Optimización, elige Predeterminado, Seguro o Máximo, y ajusta Precisión numérica, Multipase y Formato legible.
- 3
Opcional: abre los grupos de Plugins para activar o desactivar plugins sueltos de SVGO; Restablecer vuelve a Predeterminado.
- 4
Compara el resultado Lado a lado, con el Control deslizante o en Diferencias, donde los píxeles cambiados se muestran en rojo.
- 5
Elige la pestaña SVG, URI de datos o React, y haz clic en Descargar SVG o Descargar .jsx; para varios archivos, usa Descargar todo (ZIP).
Preguntas frecuentes
¿Mis SVG se suben?
No. SVGO se ejecuta en un worker en segundo plano de tu navegador, así que los archivos nunca salen de tu dispositivo.
¿Optimizar cambia el aspecto de mi SVG?
El preajuste Predeterminado busca el mismo aspecto. Diferencias renderiza las dos versiones e informa la proporción de píxeles cambiados, o Se ve idéntico. Una Precisión numérica muy baja puede deformar los detalles finos.
¿Qué preajuste conviene a un SVG animado o con scripts?
Seguro. Deja quietos la estructura, los ID y las formas, así que los selectores CSS y los scripts siguen encontrando sus elementos.
¿Por qué Máximo quitó el ancho y el alto?
Máximo también descarta títulos, dimensiones y scripts, lo que conviene a iconos usados a través de CSS o img; el SVG entonces se escala a su contenedor. Desmarca removeDimensions en Incrustación web para conservar el tamaño.
¿Debo usar un URI de datos Base64 o codificado como URL?
Deja Base64 desactivado en la mayoría de los casos: el URI codificado como URL suele ser más corto y se comprime mejor con gzip. Actívalo solo donde una herramienta espere Base64.
¿Cómo funciona la exportación a React?
La pestaña React envuelve el SVG optimizado en un componente JSX con el nombre del archivo, con los atributos reescritos para JSX y las props pasadas al elemento svg. Descargar .jsx lo guarda.