Optimizador Y Minificador De SVG
Reduce el ruido del marcado SVG con un optimizador conservador que se ejecuta en el navegador y conserva los valores viewBox.
Keep your original file until you have checked the downloaded result. Browser memory and format support vary by device.
This conservative optimizer removes comments, metadata blocks, and unnecessary whitespace while keeping viewBox values.
Preguntas frecuentes de Optimizador Y Minificador De SVG
¿Cambia el viewBox?
No. El flujo de trabajo actual conserva los valores viewBox existentes mientras limpia el marcado seleccionado.
¿Optimiza las trayectorias?
No. Realiza una limpieza conservadora en lugar de una simplificación agresiva de trayectorias o una reescritura de coordenadas.
¿Puedo integrar de forma segura cualquier salida en línea?
No. Revisa primero los scripts, controladores de eventos, referencias externas, CSS, enlaces y recursos incrustados conforme a tu propia política de seguridad.
¿Debo eliminar los elementos title y description?
Solo si comprendes el impacto en la accesibilidad y la documentación. Esos elementos pueden proporcionar nombres y descripciones útiles para las tecnologías de asistencia.
¿Será la salida siempre más pequeña?
Normalmente, la eliminación del marcado reduce el ruido, pero la serialización, la estructura de origen y el contenido incrustado determinan el tamaño real del archivo. Comprueba el archivo descargado.
Optimizador y minificador de SVG
Limpia el marcado SVG antes de incluirlo en un sitio web, una página de documentación o un paquete front-end. Este optimizador conservador, que funciona en el navegador, elimina comentarios, puede quitar bloques de metadatos, título y descripción, y puede colapsar los espacios en blanco entre etiquetas. Conserva el viewBox existente y evita reescribir las trayectorias de forma agresiva, por lo que el resultado es más fácil de revisar.
Esta guía explica el flujo de trabajo completo en el navegador, qué contiene el resultado y qué debes comprobar antes de compartirlo. La herramienta está intencionadamente centrada en una única tarea clara: procesar un archivo. No añade silenciosamente funciones ajenas como edición, conversión, carga, almacenamiento en la nube o procesamiento por lotes. Ese alcance reducido hace que la entrada y la salida sean más fáciles de comprender y te ofrece una forma práctica de verificar el archivo descargado.
Cómo usarlo
Comienza con una copia del archivo que deseas procesar. La página puede necesitar cargar una librería del navegador antes de que la acción esté disponible, especialmente para tareas relacionadas con PDF o vídeo. Sigue estos pasos:
- Selecciona un archivo SVG del que seas propietario o tengas autorización para editar.
- Elige si los bloques de metadatos, título y descripción deben eliminarse.
- Elige si el espacio en blanco entre etiquetas debe colapsarse.
- Haz clic en Optimizar SVG y revisa el texto SVG serializado en el panel de salida.
- Descarga el resultado, pruébalo en el navegador destino e inspecciona el código fuente antes de insertarlo directamente en el HTML.
Usa primero un archivo pequeño y representativo cuando el documento sea importante o inusualmente complejo. Espera a que el mensaje de estado indique que el procesamiento ha finalizado antes de cerrar la pestaña. Si el navegador informa de un error de decodificación, memoria o compatibilidad, prueba con un archivo más pequeño o con un formato de origen más habitual. La descarga no reemplaza el original, así que consérvalo disponible hasta que se haya verificado el resultado.
Casos de uso adecuados
Esta herramienta es útil para tareas repetibles y centradas en la preparación de archivos, como:
- Eliminar comentarios y bloques descriptivos no esenciales de un activo de producción.
- Crear una cadena SVG más pequeña y limpia para un paquete front-end o un ejemplo de documentación.
- Preparar iconos aprobados para una biblioteca de componentes o un sitio web estático.
- Revisar el marcado SVG antes de decidir si debe integrarse en línea o usarse como recurso de imagen.
No sustituye a un editor de escritorio completo cuando necesitas una línea de tiempo multipista, tipografía avanzada, formularios PDF complejos, gestión profesional del color, garantías forenses de metadatos o una garantía de fidelidad para cada característica propietaria de un archivo. Usa la tarea específica que se ajuste a tu objetivo y compara el archivo descargado con la fuente original antes de confiar en él.
Formato de salida
La salida es un archivo de texto SVG serializado por el analizador DOM del navegador y el serializador XML. Se eliminan los comentarios, pueden eliminarse los elementos de metadatos seleccionados y se puede reducir el espacio en blanco repetido. Se conservan los valores viewBox existentes. Esto no es un optimizador SVG completo: no promete simplificación de trayectorias, reducción de precisión de coordenadas, fusión de CSS, autoría de accesibilidad, incrustación de imágenes, preservación de animaciones ni equivalencia bit a bit. Compara la representación, las dimensiones, los estilos, los filtros, los enlaces y las etiquetas de accesibilidad en el entorno destino.
La descarga genera un nuevo archivo o paquete; no modifica el archivo seleccionado en el panel de entrada. Los nombres de archivo se generan a partir del nombre de origen cuando es posible, con un sufijo específico de la tarea para que el original y el resultado sean fáciles de distinguir. Un resultado ZIP puede contener más de un activo generado y debe abrirse para confirmar que están presentes los archivos esperados. Para resultados en texto, revisa los finales de línea, la codificación, la sangría y cualquier sintaxis específica de la plataforma después de la descarga. Para resultados visuales o de documento, comprueba las dimensiones, el orden de las páginas, la reproducción, las fuentes, los enlaces, la transparencia y otras características relevantes para tu destino.
Privacidad
El texto SVG se analiza y serializa en el navegador sin depender de una API de optimización remota. El procesamiento local no convierte automáticamente la salida en un contenido seguro para insertar. Considera que los scripts, los controladores de eventos, las referencias externas, las imágenes incrustadas, el CSS y los enlaces son no confiables hasta que los revises conforme a tu propia política de seguridad de contenido. Usa un dispositivo de confianza para obras artísticas propietarias y mantén la fuente original bajo control de versiones para que la optimización pueda revertirse.
El procesamiento en el navegador no equivale a ninguna garantía de que todos los sitios web circundantes, extensiones del navegador, sistemas operativos o equipos compartidos sean privados. Usa un dispositivo de confianza, cierra la pestaña tras trabajar con información sensible y evita los ordenadores públicos para material confidencial. No selecciones archivos de los que no seas propietario o no tengas permiso para editar. Si tu organización exige un acuerdo de tratamiento de datos documentado, una política de retención o una trazabilidad de auditoría, utiliza un flujo de trabajo interno aprobado en lugar de depender únicamente de una herramienta pública del navegador.
Notas sobre calidad y compatibilidad
La serialización XML puede cambiar el formato y la presentación de los espacios de nombres aunque el resultado visual parezca similar. Eliminar elementos title o description puede afectar a la accesibilidad, mientras que colapsar espacios en blanco puede no ser seguro para ciertos constructos SVG sensibles al formato. El optimizador está diseñado para ser deliberadamente conservador y no debe describirse como un sanitizador de seguridad ni como un motor garantizado de minimización del tamaño. Tras la optimización, prueba iconos, filtros, máscaras, animaciones, fuentes y referencias externas.
Que la descarga se complete con éxito solo significa que el navegador ha creado un resultado; no garantiza que cada aplicación destino lo acepte o muestre exactamente como se espera. Abre el resultado en la aplicación, sitio web o dispositivo donde se va a utilizar. Cuando la precisión sea importante, compara la fuente y la salida lado a lado y conserva la fuente original como versión recuperable.