Un momento...(/)
Actualmente estamos optimizando tus imágenes. Por favor, espera un momento mientras garantizamos los mejores resultados de calidad para ti.
Genial, hemos comprimido tus imágenes con éxito.
Imágenes optimizadas.
Comprimir Imágenes SVG Online
Elimina los metadatos, conserva el vector: tu SVG se ve exactamente igual
Optimizando...
Comprime archivos SVG eliminando lo que dejó el editor
Abre un SVG en el Bloc de notas y verás todo: etiquetas, números, texto. Eso es lo que es el formato. No hay píxeles, ni fotografía, solo instrucciones para dibujar formas. Esto es importante porque cambia el significado de la compresión aquí. Nada se comprime ni se aproxima. El texto redundante simplemente se elimina y el dibujo queda intacto.
De dónde viene realmente el peso
Casi nada es la ilustración. Exporta un logotipo desde Illustrator, Figma o Inkscape y el archivo llega cargando la burocracia del editor: un comentario del generador, un DOCTYPE que nadie necesita desde 2008, una declaración XML, un bloque de metadatos que describe el documento en RDF, nombres de capas y un bloque de estilos lleno de clases que ningún elemento utiliza. En un logotipo real que probamos, todo eso representaba aproximadamente dos tercios del archivo. Las formas eran la parte pequeña.
Luego están los números. Los editores escriben las coordenadas con toda la precisión de punto flotante, así que un rectángulo que está en 10 y tiene 180 de ancho se almacena como 10.000000 y 180.00000000. Multiplica eso por cada punto en cada trazo y los decimales por sí solos pueden pesar más que el dibujo.
Sigue siendo un vector, así que no hay calidad que perder
Esta es la parte que preocupa a la gente sin motivo. Un SVG no tiene resolución. Se dibuja de nuevo al tamaño que se muestre, ya sea un favicon de 16 píxeles o una valla publicitaria. Eliminar un bloque de metadatos no cambia nada de eso. El archivo que recibes de vuelta se escala exactamente igual que el que subiste, se ve idéntico a cualquier tamaño y sigue siendo totalmente editable en el programa donde lo creaste.
Qué se elimina
La limpieza es conservadora por diseño. Apunta a cosas que no afectan al renderizado.
| Eliminado | Mantenido |
|---|---|
| Comentarios del editor y cadenas del generador | Cada forma, trazo y curva |
| El bloque de metadatos y sus espacios de nombres RDF | Colores, degradados y opacidad |
| DOCTYPE y la declaración XML | Elementos de texto y fuentes |
| Definiciones que no se utilizan | Filtros, máscaras y rutas de recorte en uso |
| Grupos y capas vacíos | Transformaciones y viewBox |
| Decimales excesivos en las coordenadas | Cualquier cosa que cambie lo que ves |
Por qué los SVG pequeños importan más que las fotos pequeñas
Un SVG suele ser un logotipo o un icono, lo que significa que aparece en el encabezado de cada página de un sitio y se carga antes que cualquier otra cosa. Las fotos se cargan tarde y de forma diferida. Los iconos no. Ahorrar unos kilobytes en el logotipo del encabezado vale más para la puntuación de velocidad de una página que ahorrar la misma cantidad en una imagen a mitad del artículo, porque el encabezado es lo que el navegador espera antes de poder mostrar la página.
Una cosa que conviene revisar antes de publicar
La limpieza acorta los atributos id internos del archivo. Las referencias dentro del mismo SVG se actualizan para coincidir, así que los degradados, máscaras y rutas de recorte siguen funcionando y el dibujo se renderiza igual que antes. Lo que no puede saber es el código fuera del archivo. Si tu SVG está en un sprite de iconos al que apuntan otras páginas, o si una hoja de estilos o un script accede a un elemento por su id, conviene probar esos casos después de reemplazar el archivo. Para un logotipo simple o un icono exportado, que es la mayoría de los SVG, no hay nada que comprobar.
Si tu SVG tiene una fotografía dentro
A veces un SVG no es realmente un vector. Si colocas una foto en el área de trabajo de Illustrator, exportas como SVG y la imagen se incrusta como una larga cadena base64 dentro del XML. El archivo puede pesar dos megabytes con solo una forma. Limpiar el marcado no tocará ese bloque, porque no es marcado. Si tu archivo apenas se reduce y empezó con una foto dentro, esa es la razón, y la solución es sacar la imagen y comprimirla como JPEG o PNG por separado.
Nada que configurar
No hay opciones, ni nivel de compresión ni pestaña avanzada. Sube el archivo y recíbelo de vuelta limpio. Varios a la vez funcionan igual, y puedes descargarlos uno por uno a medida que terminan o todo el conjunto en un ZIP.
Qué pasa con tus archivos
Los archivos viajan por una conexión cifrada, se limpian y se eliminan del servidor una hora después. No se guarda nada y no se usa para ningún otro fin.
Qué obtienes
- Metadatos del editor, comentarios del generador, DOCTYPE y definiciones no usadas eliminados
- Coordenadas redondeadas a una precisión razonable en vez de nueve decimales
- Un archivo que sigue escalando infinitamente y sigue abriéndose en tu editor
- Renderizado idéntico a cualquier tamaño, verificado contra el original
- Subida por lotes, con descargas individuales o todo el conjunto en un ZIP
- Sin cuenta, sin instalación y archivos eliminados del servidor una hora después
¿Qué sigue?
¿Trabajas con un logotipo que también existe como mapa de bits? Comprimir PNG gestiona la versión transparente y Comprimir WebP la versión moderna. Y si el SVG resultó tener una fotografía incrustada, Comprimir JPG es donde debe ir esa imagen.
Preguntas frecuentes
No, y no puede hacerlo. Un SVG no tiene píxeles ni resolución. Es un conjunto de instrucciones de dibujo que el navegador interpreta de nuevo al tamaño que aparezca la imagen, así que es igual de nítido en un móvil que en una valla publicitaria. Limpiar el archivo elimina texto que no dibuja nada, como comentarios y metadatos. Las formas, curvas y colores se dejan intactos, por lo que el resultado se renderiza idéntico a cualquier tamaño.
La burocracia que añadió tu editor. Illustrator, Figma e Inkscape escriben un comentario del generador, una declaración XML, un DOCTYPE, un bloque de metadatos en RDF, nombres de capas y, a menudo, un bloque de estilos con clases que no se usan. Además, las coordenadas se escriben con máxima precisión, así que un valor de 180 se almacena como 180.00000000. En un logotipo exportado típico, todo eso suma aproximadamente dos tercios del archivo. Lo que dibuja la imagen es la parte pequeña.
Sí. El resultado es un SVG normal, así que se abre en Illustrator, Figma, Inkscape o cualquier editor de texto igual que el original. La única diferencia es que parte de la organización interna del editor desaparece, así que los nombres de las capas pueden no volver como los dejaste. La ilustración en sí no cambia y sigue siendo totalmente editable.
Dos razones comunes. O ya estaba optimizado, lo que ocurre con SVG exportados desde herramientas que limpian al exportar o archivos que ya han pasado por un optimizador, o el archivo contiene una fotografía incrustada. Esto último suele sorprender: colocar una foto en el área de trabajo de Illustrator y exportar como SVG incrusta la imagen como un bloque base64 dentro del XML. Ese bloque es datos de imagen, no marcado, así que limpiar el marcado lo deja igual. Si un SVG de dos megabytes apenas cambia, ábrelo en un editor de texto y busca una cadena muy larga que empiece por data:image.
Puede hacerlo, y conviene saberlo antes de publicar. La limpieza acorta los atributos id dentro del archivo. Las referencias dentro del mismo SVG se reescriben para coincidir, así que los degradados, máscaras y rutas de recorte siguen funcionando y la imagen se renderiza igual que antes. El código fuera del archivo es otra cosa: si una hoja de estilos apunta a un elemento por id, si JavaScript anima un nodo específico o si el archivo es parte de un sprite que referencian otras páginas, prueba esos casos después de reemplazar el archivo. Para un logotipo independiente o un icono exportado, que cubre la mayoría de los SVG, no hay de qué preocuparse.
Sí, y ambos métodos funcionan bien juntos en vez de competir. Esta limpieza elimina texto que no debería estar en el archivo. Gzip, que tu servidor web aplica al enviar el archivo, comprime el texto que queda. Hacer ambas cosas es lo habitual y el resultado combinado es más pequeño que cualquiera por separado. También conviene comprobar que tu servidor tenga activada la compresión para el tipo de contenido image/svg+xml, ya que algunas configuraciones por defecto solo cubren HTML, CSS y JavaScript.