Herramientas SVG
Ejecución manual. Ctrl/Cmd+Intro prepara la optimización. Cambiar el código o las opciones invalida el resultado anterior.
El contenido SVG se procesa únicamente en este navegador.
El resultado está desactualizado. Genera otra vista previa.
Este optimizador SVG permite revisar un icono exportado sin aceptar automáticamente cada cambio. Puedes comparar el dibujo y los bytes, consultar los trazados y decidir cuándo sustituir el código original.
Minificar SVG compacta el código SVG, mientras que formatearlo añade sangría de dos espacios para leerlo. Si necesitas optimizar SVG modificando números o trazados, esas opciones se activan por separado y el resultado sigue siendo una propuesta.
Reducir el archivo tiene sentido si conserva las formas y referencias necesarias.
El optimizador SVG conserva ID, viewBox, title y desc. El redondeo y la optimización de trazados empiezan desactivados para que puedas decidir si aceptas posibles cambios geométricos. Mira especialmente curvas pequeñas y contornos finos al revisar ambas imágenes.
La vista de trazados muestra los datos d de los elementos path. El exportador PNG utiliza el ancho elegido y calcula la altura manteniendo la proporción. Las zonas transparentes siguen transparentes, sin añadir un rectángulo blanco al fondo.
Se eliminan comentarios y metadatos de forma predeterminada. El redondeo de números y la optimización de trazados están apagados; la precisión inicial es de tres decimales cuando se activan.
Los bytes anteriores y nuevos acompañan al número de nodos eliminados y atributos cambiados. Ninguno de estos contadores describe por sí solo todas las diferencias de formato o geometría.
Si editas la entrada o una opción, vuelve a generar el resultado. Aplicar sustituye la fuente; deshacer restaura conjuntamente la entrada y la salida anteriores.
Se emplea un conjunto explícito de operaciones SVGO. Puedes retirar comentarios y metadatos sin activar una colección agresiva de transformaciones que elimine identificadores o descripciones.
La fuente validada y la propuesta se muestran en imágenes aisladas. Así puedes observar cambios antes de confirmar, aunque el entorno donde insertes el SVG también debe comprobarse.
Consulta los valores d y la cantidad de path para localizar geometría en el código. Esta vista no permite arrastrar puntos de control ni dibujar curvas nuevas.
Copia o descarga el resultado SVG vigente y confirmado. Para aplicaciones que necesitan un mapa de bits, genera un PNG transparente con el ancho en píxeles indicado.
El optimizador SVG mantiene una salida vectorial, pero redondear coordenadas o reescribir trazados puede cambiar bordes y curvas. Estas opciones están apagadas al comenzar. PNG sí es una imagen de píxeles y su detalle depende del ancho de exportación.
El formato legible añade sangrías y saltos de línea. Además, un documento ya compacto ofrece poco margen de reducción. Compara los bytes de la propuesta antes de decidir si deseas aplicarla.
No. El flujo revisa un documento completo cada vez y conserva una sola operación para deshacer. Para procesar una colección, utiliza una cadena de construcción con sus propias comprobaciones.
Las animaciones y los elementos style se rechazan antes de mostrar la imagen. Solo se acepta una lista limitada de propiedades de presentación en atributos style. El contenido no compatible requiere preparación en su editor original.
title y desc pueden aportar nombre y descripción; aquí se conservan, igual que los IDs y viewBox. Eso no demuestra que el SVG completo sea accesible: revisa también su contexto y las etiquetas de la página donde se inserta.
¿Algo no queda claro?
Abre el ejemplo en el optimizador SVG y compara la propuesta antes de reemplazar el original.
Puedes deshacer una aplicación de cambios.