Herramienta de optimización SVG
Descripción de la herramienta
SVG (Scalable Vector Graphics) es un formato de gráficos vectoriales basado en XML ampliamente utilizado en el desarrollo web. Sin embargo, los archivos SVG exportados desde software de diseño (como Adobe Illustrator, Sketch) suelen contener mucha información redundante, como metadatos del editor, comentarios, grupos vacíos y atributos predeterminados.
Herramienta de optimización SVG tiene como objetivo ayudarte a eliminar este código innecesario, reduciendo significativamente el tamaño del archivo y mejorando la velocidad de carga y el rendimiento de la página web.
Funciones principales:
- Comparación de código en tiempo real: Tu código SVG se comparará inmediatamente entre 'antes de optimizar' y 'después de optimizar' en las columnas izquierda y derecha después de pegarlo.
- Análisis de tamaño de archivo: Muestra en tiempo real el tamaño (KB) del archivo original y del archivo optimizado, así como el porcentaje reducido.
- Seguridad y vista previa: El proceso de optimización se completa localmente en el navegador sin subir archivos. La función de vista previa a la derecha puede garantizar que el efecto de representación del SVG optimizado sea completamente consistente con el archivo original.
¿Qué elimina?
- Metadatos del editor(如 `illustrator` Etiqueta)
- Comentarios (
<!-- ... -->
) y grupos vacíos (<g></g>
) - Atributos innecesarios, como los predeterminados `fill="black"`
- Optimizar datos de ruta, simplificando largas cadenas de datos de coordenadas
Aviso Importante
En algunos casos raros, una optimización excesiva puede afectar la representación de SVG. Utiliza siempre la función de vista previa para asegurarte de que el efecto final cumple con tus expectativas.