Entrada
Preparando tu espacio de trabajo…
Cómo usarlo
- Pega el código SVG o abre un archivo SVG UTF-8.
- Pulsa Optimizar SVG y compara la vista previa y los tamaños.
- Descarga el SVG o expande Resultado para revisar y copiar el código.
Optimizar marcado vectorial
Además de las formas visibles, un SVG puede contener metadatos del editor e instrucciones de dibujo extensas. La optimización reescribe el marcado para reducir bytes innecesarios.
La herramienta usa SVGO con coordenadas de tres decimales y conserva viewBox e ID. Guarda el original para comparar el resultado en su contexto final.
Qué puede cambiar
La optimización puede eliminar metadatos y simplificar instrucciones de dibujo. Redondear coordenadas a tres decimales puede alterar ligeramente la geometría, sobre todo en gráficos pequeños o muy escalados.
viewBox permite un tamaño adaptable y los ID pueden ser referenciados por formas, estilos o código externo. Esta configuración los conserva en vez de acortarlos o eliminarlos.
<svg viewBox="0 0 10 10"><metadata>demo</metadata><path d="M0 0 L10 10"/></svg><svg viewBox="0 0 10 10"><path d="m0 0 10 10"/></svg>Comparación abreviada que muestra la eliminación de metadatos y una ruta compacta. La descarga también incluye el espacio de nombres SVG.
Vista previa e integración
El resultado se carga como imagen aislada, no como marcado activo de la página. Puede comportarse de forma distinta al SVG insertado en línea en tu aplicación.
Optimizar no es sanear. Revisa SVG de origen no confiable antes de insertarlo en línea y prueba estilos, referencias y comportamiento que dependan del documento.
Revisar y guardar la salida
Descargar guarda optimized.svg. Expande Resultado para ver el código y su botón Copiar; un tamaño menor no demuestra por sí solo equivalencia visual.
PNG, JPEG y WebP estáticos: 20 MiB, 24 megapíxeles y 8192 píxeles por lado. Base64: 2 MiB. SVG: 1 MiB. Inspección de archivos: 1 GiB, leyendo solo los primeros 256 bytes. La compatibilidad de códecs varía según el navegador. No se suben archivos.
Preguntas frecuentes
¿Es seguro insertar el SVG optimizado en línea?
La optimización no sanea el código. Revisa elementos, atributos, URL y estilos no confiables antes de usarlo en una aplicación.
¿Se conservan viewBox e ID?
Sí. Aun así, otras partes pueden reescribirse; prueba las referencias y estilos en el documento de destino.
¿Puede cambiar la imagen?
El redondeo y las reescrituras pueden afectar al dibujo. Compara la vista previa y prueba el archivo donde vayas a usarlo.
¿Por qué difiere la vista previa de mi página?
Una imagen aislada no comparte el CSS externo ni el comportamiento de un SVG en línea. El contexto y las referencias del documento pueden importar.
¿Dónde está el botón Copiar?
Tras optimizar, expande Resultado bajo la vista previa para ver el código y Copiar. Descargar SVG está disponible encima de la vista previa.