Optimizador y minificador de SVG
Usa el Optimizador y Minificador de SVG, revisa el resultado y conserva el original hasta verificar la salida.
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.
Optimizador y minificador de SVG
Limpie el marcado SVG antes de integrarlo en un sitio web, página de documentación o paquete de front-end. Este optimizador conservador y basado en navegador elimina comentarios, puede eliminar bloques de metadatos, título y descripción, y puede reducir espacios en blanco entre etiquetas. Mantiene el viewBox existente y evita la reescritura agresiva de trazados para facilitar la revisión del resultado.
Esta guía explica el flujo de trabajo completo en el navegador, el contenido del resultado y los puntos a verificar antes de compartirlo. La herramienta está enfocada intencionalmente en una tarea de archivo clara y única. No agrega silenciosamente funciones de edición, conversión, carga o almacenamiento en la nube no relacionadas. Este alcance limitado hace que la entrada y la salida sean más fáciles de comprender y le permite verificar de manera práctica el archivo descargado.
Cómo usarlo
Comience con una copia del archivo que desea procesar. Es posible que la página necesite cargar una biblioteca del navegador antes de que la acción esté disponible, especialmente para tareas de PDF o video. Siga estos pasos:
- Seleccione un archivo SVG del que sea propietario o esté autorizado para editar.
- Elija si se deben eliminar los bloques de metadatos, título y descripción.
- Elija si se deben reducir los espacios en blanco entre etiquetas.
- Haga clic en Optimizar SVG y revise el texto SVG serializado en el panel de salida.
- Descargue el resultado, pruébelo en el navegador objetivo e inspeccione el código fuente antes de integrarlo de forma inline.
Use un archivo representativo de tamaño reducido primero si el documento es importante o inusualmente complejo. Espere a que el mensaje de estado indique que el procesamiento ha terminado antes de cerrar la pestaña. Si el navegador informa un error de decodificación, memoria o compatibilidad, pruebe con un archivo más pequeño o un formato de origen más común. La descarga no reemplaza al archivo original, por lo que manténgalo disponible hasta verificar el resultado.
Casos de uso adecuados
Esta herramienta es útil para tareas de preparación de archivos enfocadas y repetibles, 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 de 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 de forma inline o como recurso de imagen.
No es un sustituto de un editor de escritorio completo cuando necesita una línea de tiempo de múltiples pistas, tipografía avanzada, formularios PDF complejos, gestión de colores profesional, garantías forenses de metadatos o una garantía precisa de ida y vuelta para cada característica de archivo propietario. Use la tarea específica que coincida con su objetivo y compare el archivo descargado con el código fuente antes de confiar en él.
Formato de salida
La salida es un archivo de texto SVG serializado por el analizador de DOM y el serializador XML del navegador. Se eliminan los comentarios, los elementos de metadatos seleccionados pueden ser eliminados y los espacios en blanco repetidos pueden reducirse. Se mantienen los valores de viewBox existentes. Esto no es un optimizador completo de SVG: no promete simplificación de trazados, reducción de precisión de coordenadas, inlining de CSS, creación de accesibilidad, incrustación de imágenes, preservación de animaciones ni equivalencia byte a byte. Compare el renderizado, las dimensiones, los estilos, los filtros, los enlaces y las etiquetas de accesibilidad en el entorno de destino.
La descarga es 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 práctico, con un sufijo específico de la tarea para distinguir fácilmente el archivo original y el resultado. El resultado en ZIP puede contener más de un activo generado y debe abrirse para confirmar que los archivos esperados están presentes. Para resultados de texto, revise 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 documentos, verifique dimensiones, orden de páginas, reproducción, fuentes, enlaces, transparencia y otras funciones que importen para su destino.
Privacidad
El texto SVG se analiza y serializa en el navegador sin una API de optimización remota. El procesamiento local no hace automáticamente que el resultado sea seguro para integrarlo. Trate los scripts, manejadores de eventos, referencias externas, imágenes incrustadas, CSS y enlaces como no confiables hasta que los revise bajo su propia directiva de seguridad del contenido. Use un dispositivo de confianza para obras de arte propietario y mantenga el código fuente original bajo control de versiones para que la optimización pueda revertirse.
El procesamiento en el navegador no es lo mismo que una promesa de que cada sitio web, extensión de navegador, sistema operativo o computadora compartida circundante sea privado. Use un dispositivo de confianza, cierre la pestaña después de trabajos sensibles y evite computadoras públicas para material confidencial. No seleccione archivos de los que no sea propietario o que no tenga permiso para editar. Si su organización requiere un acuerdo de procesamiento de datos documentado, una política de retención o una ruta de auditoría, use un flujo de trabajo interno aprobado en lugar de depender solo de una herramienta pública del navegador.
Notas de calidad y compatibilidad
La serialización XML puede cambiar el formato y la presentación de espacios de nombres incluso cuando el resultado visual parece similar. Eliminar elementos de título o descripción puede afectar la accesibilidad, mientras que reducir espacios en blanco puede ser inseguro para algunas estructuras de SVG sensibles al texto. El optimizador es deliberadamente conservador y no debe describirse como un sanitizador de seguridad ni como un motor de minimización de tamaño garantizado. Pruebe iconos, filtros, máscaras, animaciones, fuentes y referencias externas después de optimizar.
Una descarga exitosa solo significa que el navegador creó un resultado; no es una garantía de que cada aplicación objetivo lo acepte o lo muestre exactamente como se espera. Abra el resultado en la aplicación, sitio web o dispositivo donde se utilizará. Cuando la precisión importa, compare el código fuente y la salida lado a lado y mantenga el código fuente como el maestro recuperable.
Preguntas frecuentes de Optimizador y minificador de SVG
¿Qué hace el Optimizador y Minificador de SVG?
Reduce el ruido en el marcado SVG con un optimizador conservador basado en el navegador que preserva los valores de viewBox.
¿Qué archivos son compatibles con el Optimizador y Minificador de SVG?
Esta categoría suele soportar SVG y PNG exportado. Usa los tipos de archivo aceptados mostrados en el área de carga, ya que la compatibilidad varía según el navegador y el motor de cada herramienta.
¿La optimización es lo mismo que la compresión?
No. La optimización elimina marcado redundante y mantiene el resultado equivalente, mientras que la compresión sacrifica calidad a cambio de bytes. Optimizar primero suele ser la mejora más económica.
¿Se modificará mi archivo original?
No. El trabajo se realiza en una copia en esta pestaña mediante el propio modelo de documento SVG del navegador, y el resultado llega como una descarga separada, por lo que tu archivo original sigue disponible si lo necesitas.
¿Cómo se procesa mi archivo?
No se sube. El procesamiento se realiza localmente mediante el propio modelo de documento SVG del navegador, por lo que el límite práctico es la memoria de tu dispositivo y el máximo indicado junto al área de carga: sin cola de espera, sin cuenta y sin copias en el servidor.
¿Cambia el viewBox?
No. El flujo de trabajo actual mantiene los valores de viewBox existentes mientras limpia el marcado seleccionado.