Optimizador SVG (minificador seguro)

Minifica SVG con seguridad, compara los píxeles y mira el ahorro con y sin gzip.

What to do

3 suits icons; use 1 or 2 for large illustrations, 4 or more for tiny or heavily scaled drawings.

Turn off if page CSS or JavaScript outside this file targets IDs inside it.

Off by default: screen readers read the title.

Off by default: it rarely saves much and changes what CSS selectors like rect match.

Size

Paste SVG code or open a file.

Qué hace

Pega el código SVG o abre un archivo .svg y obtén uno más pequeño que dibuja la misma imagen. Se eliminan comentarios, datos de editores (Inkscape, Illustrator, Sketch), metadatos, decimales sobrantes, atributos con su valor por defecto e IDs sin referencias; después la herramienta dibuja ambas versiones en tu navegador y las compara píxel a píxel. Muestra el tamaño antes y después, también con gzip.

Seguro por diseño

Los atributos por defecto solo se quitan si ningún elemento padre fija esa propiedad, no hay un bloque <style> y el elemento no está en <defs> ni en un <symbol> (un <use> transmite su propio relleno). Los IDs solo se quitan si nada los referencia (href, url(#…), selectores CSS, animaciones, ARIA); con <script> se conservan todos. El espacio en blanco dentro de <text> no se toca y los números se redondean sin acumular error; el viewBox nunca se redondea. Para convertir SVG a PNG usa el conversor SVG.

Precisión

Tres decimales bastan para iconos en una cuadrícula de 24 o 48 unidades; las ilustraciones grandes pueden usar uno o dos, y los dibujos con un viewBox diminuto necesitan cuatro o más. Si la comprobación de píxeles indica diferencias, sube los decimales.

Preguntas frecuentes

¿Se sube mi SVG?

No. Se procesa y se dibuja en tu navegador; las vistas previas son imágenes y no ejecutan scripts.

¿Se verá igual?

La herramienta lo comprueba dibujando ambas versiones y comparando cada píxel.

¿Debo quitar <title>?

Normalmente no: los lectores de pantalla lo leen. Está desactivado por defecto.