Optimizador SVG thumbnail

Optimizador SVG

Optimiza y reduce el tamaño de tus archivos SVG.

Checking status...

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

  1. Pega tu código SVG o sube un archivo .svg.
  2. Ajusta el nivel de 'Decimal Precision' (los números más bajos resultan en archivos más pequeños pero formas menos suaves).
  3. Haz clic en 'Optimize SVG' para limpiar el marcado XML instantáneamente.
  4. 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.