Compresor SVG

El Compresor SVG es una herramienta profesional de optimización de gráficos vectoriales basada en el motor SVGO, capaz de reducir significativamente el tamaño de archivos SVG manteniendo la calidad visual, mejorando la velocidad de carga de páginas web y la experiencia del usuario.

Funciones principales

• Compresión por lotes: Admite el procesamiento simultáneo de múltiples archivos SVG
• Vista previa en tiempo real: Visualiza instantáneamente el efecto de optimización y la tasa de compresión
• Configuración flexible: Más de 50 opciones de optimización personalizables
• Visualización de código: Admite previsualización y copia del código SVG optimizado
• Seguro y privado: Funciona completamente en el navegador local, los archivos no se cargan al servidor

Modo de uso

1. Carga uno o varios archivos SVG
2. La herramienta optimiza automáticamente el procesamiento
3. Consulta los resultados de optimización, incluyendo cambios en tamaño de archivo y porcentaje ahorrado
4. Haz clic en el área de código para copiar el código SVG optimizado
5. Alterna el modo de visualización entre vista previa en cuadrícula y vista de código

Configuración básica

Procesamiento múltiple

Ejecuta múltiples rondas de optimización en el archivo SVG para comprimir aún más el tamaño. Se recomienda habilitar para obtener los mejores resultados.

Embellecer código

Formatea el código SVG de salida para mejorar la legibilidad. Adecuado para escenarios que requieren edición manual.

Ver código SVG

Alterna entre el modo de vista previa en cuadrícula y la vista de código completo.

Opciones de optimización

Haz clic en el panel "Características" para expandir la configuración detallada. La herramienta habilita por defecto opciones de optimización seguras y comunes:

Limpieza y optimización

• Elimina espacios en blanco y saltos de línea redundantes
• Elimina comentarios y metadatos
• Limpia contenedores vacíos y elementos ocultos
• Elimina espacios de nombres generados por editores
• Elimina IDs y definiciones no utilizados

Optimización de rutas

• Simplifica instrucciones y coordenadas de rutas
• Convierte formas básicas a rutas
• Combina rutas adyacentes
• Elimina rutas que exceden el lienzo

Optimización de estilos

• Comprime representación de valores de color
• Combina estilos duplicados
• Estilos en línea a atributos
• Elimina valores predeterminados

Optimización numérica

• Unifica precisión numérica
• Simplifica matrices de transformación
• Optimiza representación de coordenadas

Optimización estructural

• Aplana agrupaciones inválidas
• Elimina declaraciones DOCTYPE
• Ordena atributos para mejorar tasa de compresión

Efecto de compresión

Los archivos SVG típicos pueden lograr una reducción de volumen del 30%-70%:

Original: 15,234 bytes
Optimizado: 4,521 bytes
Ahorro: -70.33%

Escenarios de aplicación

• Optimización de íconos y logos de sitios web
• Reducción del tiempo de carga de recursos de páginas web
• Compresión de bibliotecas de íconos SVG
• Limpieza de archivos exportados de software de diseño
• Eliminación de datos redundantes de SVG de terceros

Consideraciones

• Algunas optimizaciones pueden alterar la estructura interna del SVG, se recomienda probar la salida
• Los SVG que contienen animaciones o scripts requieren selección cuidadosa de opciones de optimización
• Si necesitas conservar IDs específicos para referencias CSS/JavaScript, desactiva la opción "Limpiar IDs"
• Todo el procesamiento se completa en el navegador local, garantizando la seguridad de archivos