Optimizar
Optimizador SVG
Haz que iconos, logos e ilustraciones SVG pesen menos y estén más limpios para webs y apps, y quita todo lo que pueda ejecutar código, sin cambiar su aspecto.
Cada SVG optimizado se dibuja junto al original y se compara píxel a píxel. Si los ajustes normales cambiaran su aspecto, se usan ajustes prudentes.
Código antes
Código después
Archivos
Los archivos optimizados aparecen aquí, con su ahorro.
Código optimizado
Cómo funciona
Añade, optimiza, descarga
- Añade archivos SVG o pega código. Hasta 100 archivos a la vez.
- Deja los ajustes o cámbialos. La precisión automática sirve para casi todos los archivos; los títulos se conservan para los lectores de pantalla salvo que los quites.
- Revisa el resultado. Cada archivo antes y después, su nuevo tamaño y su tamaño comprimido por tu servidor.
- Descarga o copia. Archivos sueltos, un ZIP o el código para pegarlo directamente en el HTML.
Qué se quita
Peso que no dibuja nada
- Datos del editor de Inkscape, Illustrator, Sketch y Figma: capas, guías, niveles de zoom y espacios de nombres privados.
- Metadatos y comentarios, salvo los que empiezan por
<!--!, que se conservan para avisos de licencia. - ID y definiciones sin usar, como degradados que nadie usa, y grupos vacíos o simples.
- Decimales largos, redondeados a lo que necesita el tamaño del dibujo, con los datos de trazado escritos de forma compacta.
Seguridad
SVG que no pueden ejecutar código
Un SVG es un documento y puede contener scripts, manejadores de eventos y enlaces que ejecutan código al abrirlo directamente en el navegador. El optimizador quita siempre los scripts, los atributos on…, los enlaces a javascript: y direcciones parecidas, el HTML incrustado y las animaciones que reescriben enlaces. Se rechazan los archivos que declaran entidades XML, un truco para bloquear ordenadores. Aquí las vistas previas se dibujan como imágenes, así que nada de un archivo puede ejecutarse.
Herramientas relacionadas
Más para tu web
FAQ
Preguntas sobre la optimización de SVG.
¿Cuánto más ligero será mi SVG?
Los archivos exportados de programas de diseño suelen reducirse a la mitad o más, porque llevan datos del editor, metadatos y decimales largos. Los SVG escritos a mano o ya optimizados cambian menos. Cada archivo muestra su tamaño anterior y nuevo, y su tamaño tras gzip.
¿Se verá igual mi SVG?
Sí. Cada resultado se dibuja junto al original y se compara. Si los ajustes normales cambian el aspecto, la herramienta usa ajustes prudentes automáticamente y te avisa si un archivo sigue siendo distinto.
¿Es seguro poner un SVG en mi web?
Un SVG puede contener scripts que se ejecutan al abrirlo por sí solo. Esta herramienta quita scripts, manejadores de eventos y enlaces con código de cada archivo, lo que hace mucho más seguro publicar SVG de otras personas.
¿Por qué conservar títulos y descripciones?
Los lectores de pantalla leen el título y la descripción de un SVG a las personas ciegas o con baja visión. Ocupan poco, así que se conservan salvo que elijas quitarlos.
¿Qué significa precisión automática?
Las coordenadas se redondean a tantos decimales como necesita el tamaño del dibujo: dos para un dibujo de 200 unidades, tres para un icono de 24, más para dibujos muy pequeños. Las formas quedan en su sitio y desaparecen cifras que nadie ve.
¿Se suben mis archivos?
No. Los SVG se leen, se limpian y se comparan en tu navegador. Tus archivos y tu código nunca salen de tu dispositivo.