Optimizador SVG
Optimiza y reduce el tamaño de tus archivos SVG.
Acerca de Optimizador SVG
Ajusta tus archivos de Gráficos Vectoriales Escalables (SVG) eliminando metadatos innecesarios, comentarios y rutas redundantes. Nuestro optimizador de SVG utiliza algoritmos potentes para encoger tus archivos sin afectar su apariencia visual, haciendo que tus aplicaciones web sean más ligeras y rápidas.
Cómo usar
- Pega tu código SVG o sube un archivo .svg.
- Ajusta el nivel de 'Decimal Precision' (los números más bajos resultan en archivos más pequeños pero formas menos suaves).
- Haz clic en 'Optimize SVG' para limpiar el marcado XML instantáneamente.
- Copia el código optimizado directamente o descarga el archivo SVG comprimido.
Casos de uso comunes
- Optimizar iconos web y logotipos para reducir el tamaño total de descarga de tu sitio web.
- Limpiar el código SVG desordenado generado por herramientas de diseño como Adobe Illustrator o Sketch.
- Asegurar que los gráficos vectoriales incrustados en línea sean lo más eficientes posible para un mejor SEO y rendimiento.
Detalles técnicos
Utiliza SVGO (SVG Optimizer) basado en WASM localmente para aplicar más de 30 complementos de optimización, incluyendo la limpieza de IDs, la simplificación de rutas y la eliminación de metadatos.
Preguntas frecuentes
- ¿Romperá esto mi imagen?
- Nuestros ajustes predeterminados son muy seguros. Para geometrías muy complejas, te recomendamos mantener una 'Precision' decimal de al menos 2.
- ¿Qué es la optimización multipaso?
- La opción 'Multipass' ejecuta el optimizador varias veces seguidas para encontrar incluso más ahorros que una sola pasada podría haber pasado por alto.
- ¿El optimizador envía mi SVG a un servidor?
- No. La optimización de SVG se ejecuta completamente en tu navegador usando SVGO compilado a JavaScript. Tu archivo SVG nunca se sube — se procesa localmente sin petición de red.
- ¿Qué elimina realmente la optimización de SVG?
- El optimizador elimina metadatos del editor, comentarios, elementos ocultos, valores de atributos predeterminados y espacios en blanco redundantes. También simplifica los datos de ruta y combina reglas de estilo redundantes — todo sin cambiar cómo se ve el SVG.
- ¿Es seguro optimizar SVGs que contienen animaciones o interactividad?
- Activa el modo «multipase» para el máximo ahorro, pero ten cuidado con los SVGs interactivos o animados — algunas optimizaciones pueden eliminar atributos de los que dependen las animaciones. Previsualiza el resultado antes de usarlo en producción.
- ¿La optimización de SVG afecta los atributos de SEO o accesibilidad como aria-label?
- Por defecto el Optimizador de SVG conserva los atributos de accesibilidad incluyendo aria-label, aria-labelledby, aria-hidden, role y elementos title, ya que son importantes para los lectores de pantalla y el SEO. La opción "eliminar metadatos" elimina los elementos de descripción y título — úsala solo para SVGs puramente decorativos. SVGO, el motor de optimización usado, aplica un conjunto configurable de complementos; puedes inspeccionar y alternar cada pase de optimización individualmente para garantizar que no se eliminen atributos de accesibilidad inadvertidamente.
Procesamiento local
Nuestras herramientas locales de archivos, texto y gráficos procesan el contenido en tu dispositivo mediante JavaScript, APIs del navegador y, cuando hace falta, WebAssembly. Nuestros eventos no incluyen nombres o contenido de archivos, texto introducido, valores de gráficos, errores sin filtrar, correos ni referencias de licencia. Las herramientas de red (DNS, WHOIS, IP y pruebas de velocidad) contactan servicios externos para su función. Cargar el sitio, fuentes, bibliotecas y modelos también genera solicitudes de red. WebAssembly no impide por sí mismo el acceso a la red.