Optimizador de SVG
Pega marcado SVG para eliminar el ruido común de exportación, comentarios, etiquetas de metadatos, atributos de editor y espacios en blanco extra antes de copiar o descargar.
SVG
Optimized SVG
Approximate savings: 92 bytes.
Cómo optimizar marcado SVG
Elimina el ruido común de exportación del código SVG mientras mantienes intactos los elementos de dibujo, atributos y rutas.
Qué se elimina
El optimizador elimina las declaraciones XML, líneas doctype, comentarios, bloques de metadatos, espacios en blanco extra, y atributos de editor comunes como Inkscape, Sketch, Sodipodi y campos data-name.
Qué se conserva
Los elementos de forma, datos de ruta, rellenos, trazos, dimensiones, viewBox y la mayoría de los atributos SVG normales se conservan. Esto hace que la salida sea más pequeña sin intentar redibujar o reinterpretar el ícono.
Antes de usar el SVG optimizado
- Previsualiza el SVG en tu aplicación o sistema de diseño después de optimizar.
- Conserva los atributos de accesibilidad como title, role o etiquetas aria si tu origen los usa.
- Revisa el SVG de fuentes no confiables antes de incrustarlo en una página.
Manejo del marcado
La salida es texto SVG plano. Conserva una copia de la exportación original si es posible que necesites metadatos de editor o nombres de capa después.
Preguntas frecuentes
¿Esto cambia el dibujo?
No debería cambiar el dibujo intencionalmente. Elimina metadatos y espacios en blanco alrededor del marcado, pero de todas formas deberías previsualizar los recursos importantes después de optimizar.
¿Minifica los datos de ruta?
No. No reescribe los comandos de ruta ni las coordenadas, así que el ahorro es conservador y menos riesgoso.
¿Por qué rechaza mi entrada?
La entrada debe contener un elemento SVG. Si pegaste solo una ruta o copiaste una imagen renderizada, envuélvela primero en marcado SVG válido.
¿Sanea SVG inseguro?
No. Elimina el desorden común de exportación, pero no es un sanitizador de seguridad. Revisa el SVG no confiable antes de incrustarlo.