Optimizador de SVG

Con los ajustes por defecto, no. El optimizador solo elimina marcado que un navegador no dibuja y reescribe valores a formas más cortas que significan lo mismo, así que la imagen es idéntica. Lo único a vigilar es el control de Precisión: redondear demasiado las coordenadas puede distorsionar el detalle fino, que es exactamente para lo que está la vista previa en paralelo. Baja la precisión mientras observas la vista previa y detente antes de que algo se difumine.

Trabajan juntos. Optimizar edita el propio marcado SVG, eliminando metadatos, grupos vacíos y números demasiado precisos que un compresor no puede saber que son innecesarios. Luego gzip o brotli comprime lo que envías, colapsando la repetición en la red. Quieres ambos: optimiza primero para la entrada más limpia, luego deja que el servidor la comprima para el transporte. Juzga la ganancia real por la cifra gzip que se muestra aquí.

Depende de cómo se use el SVG. Quitarlos y conservar el viewBox permite que el SVG escale con fluidez al contenedor que lo aloja, que es lo que normalmente quieres para iconos e ilustraciones en línea. Consérvalos cuando la imagen necesite un tamaño intrínseco fijo, como algunos clientes de correo o embeds sociales que ignoran el viewBox. La herramienta siempre preserva el viewBox de cualquier modo.

Depende por completo de cómo se exportó. Los archivos directos de Figma, Illustrator o Sketch arrastran la mayor holgura y a menudo pierden de un tercio a dos tercios de su tamaño crudo, mientras que un icono ya optimizado puede recortar poco. Con gzip en juego el porcentaje se encoge, porque la compresión ya había recuperado gran parte del espacio en blanco, y por eso la cifra gzip es la honesta.

Aquí es seguro. El viewBox es lo que hace a un SVG independiente de la resolución, así que esta herramienta lo conserva por defecto y nunca lo quita. Solo los atributos fijos width y height son opcionales de eliminar, y hacerlo en realidad mejora el escalado en lugar de perjudicarlo.

Sí. Los degradados, filtros, rutas de recorte, máscaras y la animación SMIL o CSS se leen y se preservan. Una definición a la que algo del archivo apunta se conserva junto con la referencia que la nombra. Eso sí: ese id suele renombrarse a algo corto como a, invisible dentro del archivo pero relevante si insertas varios SVG optimizados en una misma página o si te diriges al id desde fuera. Conservar IDs deja los nombres tal cual.

Porque un <symbol> que nada usa dentro del mismo archivo le parece peso muerto al optimizador, y un sprite de iconos está hecho exactamente de eso: los <use> que sacan los iconos viven en tu página, no en la hoja. Activa Conservar IDs y cada símbolo sobrevive con su id intacto. La herramienta señala este caso bajo la salida en vez de dejar que un ahorro del 100% parezca una victoria.

Puede, con los ajustes por defecto. Un id que nada dentro del archivo referencia se elimina, y uno que sí se referencia se renombra a algo corto, así que una regla como #logo-mark { fill: red } o un querySelector sobre ese id dejan de coincidir. Activa Conservar IDs y cada id queda exactamente como está escrito. La herramienta también lista cualquier referencia que quede apuntando a la nada tras una pasada, incluido un aria-labelledby cuyo destino perdió su id.

No. Todo se ejecuta en tu navegador. El SVG que pegas, cualquier archivo que subas y el resultado se procesan localmente, nunca se transmiten ni se almacenan, y desaparecen en cuanto cierras la pestaña, así que hasta los logotipos privados y los activos de marca sin publicar están seguros. La vista previa renderiza cada SVG como una imagen, lo que además impide que un archivo que referencia una URL remota pueda descargarla desde aquí.