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
¿Problemas con marcas borrosas? EasyTools ofrece un estampador universal que admite escalado SVG sin pérdidas y exportación WebP de alta calidad. Preserve la transparencia y exporte datos JSON localmente.
Convierte una foto en un patrón editable con paletas de referencia, recuento de cuentas y exportación PNG, CSV y PDF 1:1. Procesamiento local en tu navegador.
Cambie el tamaño de las imágenes por píxeles exactos o preajustes comunes en su navegador. Bloquee la relación de aspecto, previsualice las dimensiones de salida y descargue el resultado sin cargas al servidor.
Convierta WebP, JPG, PNG y otros formatos de imagen localmente en su navegador. Arrastre por lotes, previsualice, ajuste la calidad y descargue sin cargas al servidor ni límites artificiales de tamaño de archivo.
Convierta imágenes PNG, JPG o WebP en un favicon ICO de varios tamaños. Conversión basada en canvas y del lado del cliente, gratuita y lista para descargar sin cargas al servidor.
Convierta archivos SVG en imágenes PNG transparentes. Arrastre archivos por lotes, elija escalas de 1x/2x/4x/8x y renderice todo localmente en su navegador.
Convierta fotos HEIC de iPhone a JPG instantáneamente en su navegador. 100% privado, conversiones por lotes ilimitadas y sin límites de tamaño de archivo. Todo el procesamiento es local.
Convierta archivos de Adobe Illustrator (.ai) a PDF, JPG o PNG directamente en su navegador. Conversión 100% local y segura, sin límites de tamaño de archivo y sin cargas al servidor.
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.