Optimizador de SVG
Optimiza tus archivos SVG con tecnología de IAReduce el tamaño del archivo hasta un 90 % manteniendo la calidad
Arrastra y suelta tu archivo SVG
o busca un archivo para subirlo
El archivo debe ser SVG y pesar hasta 10 MB
Uso gratuito
Uso ilimitado
Sin tarjeta de crédito
Empieza al instante
Sin registro
Úsalo ya mismo
¿Por qué elegirnos?
Consigue los mejores resultados con nuestra tecnología de IA
Optimización rápida
Optimiza tus archivos SVG en segundos con nuestros algoritmos de IA. Rendimiento de nivel empresarial.
Archivos más ligeros
Elimina metadatos y código innecesarios y reduce el tamaño hasta un 90 %. Resultados profesionales garantizados.
Calidad intacta
Obtén archivos SVG optimizados sin perder calidad visual. Control de calidad de nivel empresarial.
Tecnología de IA
Optimizamos tus archivos SVG de forma inteligente con las últimas tecnologías de inteligencia artificial. Nuestro sistema aprende de miles de optimizaciones y siempre garantiza los mejores resultados.
99,9 % de éxito
Más de 10 mil optimizaciones
Uso ilimitado
Cómo funciona la optimización de SVG
Tu archivo se procesa con SVGO, el conocido optimizador de SVG de código abierto, con su preset predeterminado en modo multipass: las pasadas se repiten hasta que el archivo deja de reducirse. Esto es lo que cambia.
Se elimina el lastre del editor y del documento
Se quitan la declaración XML, el DOCTYPE, los comentarios y los bloques <metadata>, junto con los espacios de nombres y atributos adicionales que editores como Inkscape, Illustrator y Sketch escriben en el archivo. También desaparecen las descripciones genéricas como "Created with…". Nada de esto afecta a cómo se dibuja la imagen.
Se redondean los números y se reescriben los datos de los trazados
Las coordenadas y otros valores numéricos se redondean a tres decimales. Los comandos de trazado se reescriben en su forma equivalente más corta, se eliminan los segmentos redundantes y los trazados contiguos con el mismo estilo pueden fusionarse en uno solo.
Se simplifican formas, grupos y transformaciones
Los rectángulos, líneas y polígonos se convierten en trazados cuando así ocupan menos. Se eliminan los grupos y contenedores vacíos, se contraen los grupos envoltorio que no aportan nada y las transformaciones se combinan o se aplican siempre que es posible.
Se limpian estilos y colores
Los colores se escriben en su forma más corta (por ejemplo, #ff0000 pasa a red), el CSS dentro de <style> se minifica, se quitan los atributos que solo repiten los valores predeterminados de SVG y se eliminan los elementos ocultos o vacíos.
Se eliminan los ID y definiciones sin uso
Se borran los ID a los que no hace referencia nada dentro del archivo, y se descartan los degradados, patrones y otros <defs> sin usar. Los ID que siguen referenciados conservan su nombre original; no se acortan.
Se conserva el viewBox, no las dimensiones fijas
El viewBox siempre se conserva para que el gráfico se escale correctamente. Los atributos width y height se eliminan, así que el SVG ocupa el espacio en el que lo coloques. El resultado se escribe en una sola línea con los atributos en un orden uniforme, lo que también ayuda a gzip.
Qué es seguro optimizar y cuándo tener cuidado
Los iconos estáticos, logotipos e ilustraciones exportados desde herramientas de diseño, incluidos los SVG creados con nuestros convertidores, se pueden optimizar sin riesgo y suelen ganar más. En estos casos, revisa el resultado con más atención.
ID usados por CSS, JavaScript o sprites externos
El optimizador solo ve el archivo en sí. Si una hoja de estilos externa, un script o un <use href="icons.svg#name"> en otra página apunta a un ID, ese ID parecerá sin uso y se eliminará. Los archivos que incluyen su propio elemento <style> o <script> conservan los ID.
SVG animados
Las animaciones SMIL o CSS que transforman los datos de un trazado, o que dependen de una estructura de grupos concreta, pueden fallar cuando se reescriben los trazados y se contraen los grupos. Las animaciones sencillas suelen sobrevivir, pero revisa siempre la vista previa antes de reemplazar el original.
Texto de accesibilidad
Se elimina el elemento <title>. Si un lector de pantalla necesita una etiqueta, añade texto alt en la etiqueta <img> o un aria-label donde incrustes el SVG.
Capas que muestras y ocultas con código
Los elementos ocultos con display="none" o con opacidad cero se consideran invisibles y se eliminan. Si tu script los muestra más tarde, optimiza una copia en la que esas capas no estén ocultas.
Archivos que aún quieres editar
Las capas, guías y otros datos de editor de Inkscape desaparecen tras la optimización. Guarda tu archivo de origen para editarlo y publica la copia optimizada.
FAQ del optimizador de SVG
¿Optimizar cambiará el aspecto de mi SVG?
En casi todos los archivos, no. Los cambios eliminan datos que no se muestran y reescriben el resto de forma más corta. El único efecto visible puede venir del redondeo a tres decimales, que podría notarse en gráficos con un viewBox muy pequeño vistos a tamaños grandes.
¿Cuánto se reducirá mi archivo SVG?
Depende de dónde venga el archivo. Las exportaciones de herramientas de diseño con metadatos, comentarios y números decimales largos suelen reducirse mucho, mientras que los archivos ya minificados apenas cambian. La página de resultados muestra el tamaño exacto antes y después.
¿Cuál es el tamaño máximo de archivo?
Puedes subir archivos SVG de hasta 10 MB. También puedes pegar el código SVG directamente en la pestaña Pegar código en lugar de subir un archivo.
¿Por qué se eliminaron los atributos width y height?
El optimizador conserva el viewBox y descarta width y height fijos para que el SVG se ajuste a su contenedor. Si necesitas un tamaño fijo, define width y height en la etiqueta <img> o en CSS.
¿Es seguro optimizar SVG usados en un sprite o por JavaScript?
Con cuidado. Los ID a los que solo se hace referencia desde fuera del archivo se eliminan, porque el optimizador no ve esas referencias. Prueba el archivo optimizado en su lugar de uso o conserva el original en esos casos.
¿El optimizador elimina la información de accesibilidad?
Elimina el elemento <title> y las descripciones genéricas de los editores. Indica el nombre accesible donde incrustes el SVG, por ejemplo con texto alt o un aria-label.