Cómo usar
- Haga clic en "Cargar SVG de muestra" para inspeccionar una exportación de diseño ruidosa, o suelte su propio archivo
.svgen la herramienta. - También puede pegar el marcado
<svg>sin procesar copiado de Figma, Illustrator, Sketch o de una base de código. - Elija "Estándar" para una optimización predeterminada más segura. Cambie a "Agresivo" cuando desee reducir aún más el tamaño del archivo.
- Revise "Tamaño original", "Tamaño optimizado" y "Guardado", luego verifique la vista previa para ver si hay cambios visuales obvios.
- Haga clic en "Copiar código SVG" para HTML, React o componentes de icono, o haga clic en "Descargar SVG" para guardar el archivo optimizado.
Ejemplo: pegue un icono de marca exportado de una herramienta de diseño, confirme el porcentaje guardado y la vista previa, luego copie el SVG en línea minimizado para una barra de navegación o un icono de botón de un sitio web.
Características principales
- Compresión SVG impulsada por SVGO: ejecute SVGO basado en el navegador para eliminar metadatos, grupos vacíos y atributos compresibles del marcado vectorial.
- Limpieza de exportaciones de Figma e Illustrator: convierta el código SVG detallado de las herramientas de diseño en un código de icono más limpio y fácil de implementar.
- Comparación de tamaño instantánea: verifique el tamaño original, el tamaño optimizado y el porcentaje guardado antes de reemplazar un recurso.
- Copiar código o descargar: copie el marcado
<svg>optimizado para HTML en línea o componentes, o descargue un nuevo archivo.svg. - Procesamiento local para recursos privados: la lectura de archivos, la optimización de SVGO, la vista previa, la copia y la descarga ocurren en su navegador.
Herramientas relacionadas
La calculadora FIRE 2026 definitiva con ajuste por inflación. Evita números ilusorios simulando el crecimiento del interés compuesto con poder adquisitivo real. Analiza las brechas de ahorro y exporta a CSV para tus paneles en Excel o Notion. 100% privada con cálculos locales.
Calcula el tamaño de tu posición de trading a partir del capital de la cuenta, el riesgo %, el precio de entrada y el stop-loss. Funciona localmente en tu navegador para comparar escenarios de riesgo antes de operar.
Calcula el interés compuesto a partir del capital inicial, las aportaciones periódicas, el rendimiento anual y los años de inversión. Visualiza el capital, el interés generado y el saldo final con un gráfico interactivo local.
Usa la calculadora de préstamos e hipotecas para calcular el pago mensual, el total de intereses y la tabla de amortización localmente. Introduce el importe, la tasa y el plazo para calcular ahora con gráficos interactivos.
Usa la calculadora de inversión y ROI para estimar el capital inicial, aportaciones periódicas, rendimiento anual y resultados ajustados por inflación localmente. Visualiza tus rendimientos futuros con un gráfico interactivo, ROI y un plan anual detallado.
Usa la calculadora de APR a APY para realizar conversiones bidireccionales de APR y APY de forma local en tu navegador. Introduce una tasa, elige la frecuencia de capitalización y obtén la tasa de interés efectiva, la diferencia y una tabla comparativa de frecuencias al instante.
Usa la calculadora de margen de beneficio para calcular el beneficio bruto, Markup, Margen y precio de venta de forma local en tu navegador. Introduce el coste y el precio, o el coste y el margen objetivo para calcular al instante.
Calcula el gasto publicitario, impresiones, clics, CPM, CPC y CTR localmente en tu navegador. Introduce el presupuesto y los costes objetivo para planificar escenarios de campañas al instante.
Lógica de cálculo
La optimización de SVG no rasteriza la imagen. Limpia el marcado vectorial basado en XML. Esta herramienta ejecuta SVGO directamente en el navegador para eliminar metadatos del editor, fusionar grupos innecesarios, descartar atributos vacíos, comprimir rutas y redondear coordenadas.
El modo "Estándar" es el predeterminado más seguro para la mayoría de los iconos e ilustraciones. El modo "Agresivo" activa la optimización multipaso y una precisión numérica más corta, lo que puede reducir aún más el tamaño pero puede alterar ligeramente rutas extremadamente complejas. El resultado sigue siendo un SVG vectorial editable que puede copiar o descargar.
Preguntas frecuentes
¿Cómo reduzco el tamaño del archivo SVG?
Elimine los metadatos de las herramientas de diseño, los grupos vacíos, los atributos redundantes y los datos de ruta compresibles. Esta herramienta ejecuta esas optimizaciones de SVGO en su navegador y muestra el porcentaje de espacio guardado.
¿Cómo puedo limpiar el código SVG exportado de Figma?
Suelte el archivo .svg exportado en la herramienta, o pegue el marcado <svg> sin procesar. Comience con "Estándar", verifique la vista previa, luego copie o descargue el resultado optimizado.
¿Comprimir un SVG reduce la calidad?
Normalmente no. SVG es un marcado vectorial, y SVGO elimina principalmente metadatos invisibles y estructuras redundantes. Las rutas muy complejas pueden cambiar ligeramente en el modo "Agresivo", así que verifique la vista previa antes de reemplazar los recursos de producción.
¿Carga esta herramienta mis iconos o ilustraciones?
No. La lectura de archivos, la optimización de SVGO, la vista previa, la copia y la descarga ocurren localmente en su navegador.
¿Puedo usar el SVG optimizado en línea en HTML?
Yes. "Copiar código SVG" copia el marcado <svg> completo para HTML en línea, componentes de React o sistemas de iconos.
¿Can it convert PNG or JPG to SVG?
No. Esta herramienta solo optimiza el código vectorial SVG existente; no vectoriza imágenes rasterizadas.