Cómo funciona el compresor de SVG
Un SVG guardado desde Illustrator, Inkscape, Figma o Sketch suele llevar muchas cosas que un navegador nunca usa: metadatos del editor, comentarios, capas ocultas, valores predeterminados escritos por completo y coordenadas con ocho o más decimales. Esta herramienta elimina todo eso con SVGO, el optimizador de SVG de código abierto en el que confían la mayoría de las herramientas de compilación y apps de diseño, así que el dibujo se ve igual pero el archivo es más pequeño.
SVGO hace varias pasadas sobre el archivo. Combina y acorta trazados, redondea los números a la precisión que elijas, elimina grupos innecesarios, quita elementos vacíos y reescribe los colores en su forma más corta. Se conserva el viewBox, así que el SVG sigue escalando a cualquier tamaño, y los ID a los que hacen referencia otras partes del archivo se acortan con sus referencias actualizadas, así que los degradados y las máscaras siguen funcionando.
La precisión es el único ajuste que importa. Alta conserva tres decimales, algo invisible a cualquier tamaño normal y la opción segura para íconos y logotipos. Equilibrada conserva dos, y Mínima conserva uno, lo que va bien con ilustraciones grandes, donde una décima de unidad está muy por debajo de un píxel, pero puede deformar íconos muy pequeños. Si un resultado se ve raro, vuelve a comprimir el original con una precisión mayor.
El optimizador, de unos 200 KB, se carga la primera vez que presionas el botón. Tus SVG se leen y se reescriben dentro de esta pestaña y nunca se suben, algo importante para logotipos aún no publicados y trabajos de clientes.
Opciones del compresor de SVG
| Alta | Tres decimales. Seguro para íconos, logotipos y cualquier cosa pequeña. |
|---|---|
| Equilibrada | Dos decimales. Bueno para la mayoría de las ilustraciones. |
| Archivo mínimo | Un decimal. Para ilustraciones grandes; revisa después los íconos pequeños. |
| Se conserva | El viewBox, los ID referenciados, los degradados, las máscaras y el aspecto del dibujo. |
| Se elimina | Metadatos del editor, comentarios, elementos ocultos y vacíos, precisión redundante. |
Cuándo usarla
Comprime los SVG antes de poner íconos y logotipos en un sitio web, donde cada kilobyte suma al tiempo de carga, antes de insertar un SVG en HTML o en un componente de React, antes de subir recursos de diseño a un repositorio de código o cuando un formulario limita el tamaño del archivo.
Conserva el SVG original y editable para tu app de diseño. La optimización elimina datos del editor como los nombres de capas y las guías, así que vuelve a abrir el original cuando necesites editar la ilustración.
Sobre el optimizador de SVG
SVGO, abreviatura de SVG Optimizer, es la herramienta de código abierto que está detrás de la optimización de SVG en la mayoría de las herramientas de compilación web y en las apps de diseño que ofrecen una exportación optimizada. Analiza el SVG como un árbol, le aplica una serie de pasos de limpieza bien probados y lo vuelve a escribir, repitiendo hasta que ya no se puede ahorrar nada más. Cada paso que da aquí es uno que mantiene el dibujo con el mismo aspecto, y por eso sus valores predeterminados son de confianza en producción. La versión que usa esta página se ejecuta por completo en el navegador y se carga desde la CDN jsDelivr la primera vez que usas la herramienta.
Solución de problemas del compresor de SVG
“ya optimizado; se devuelve sin cambios”
El SVG ya está optimizado, así que no se pudo eliminar nada sin cambiarlo. Se ofrece de nuevo el archivo original.
Una parte del dibujo se movió o se deformó
Los íconos muy pequeños pueden desplazarse con una precisión baja. Vuelve a comprimir el original con precisión Alta.
“no es un archivo SVG”
El archivo no contiene un dibujo SVG. Los archivos exportados como SVG que solo envuelven una imagen de mapa de bits tampoco se pueden reducir mucho; comprime mejor la imagen que contienen.
Cómo usar el compresor de SVG, paso a paso
- Presiona “Elegir archivos SVG” o arrastra los archivos al recuadro.
- Ajusta las opciones si lo necesitas; los valores predeterminados sirven para la mayoría de los usos.
- Presiona “Comprimir SVG”. El trabajo se hace en tu dispositivo.
- Guarda el resultado con su botón de descarga.
¿Es seguro hacerlo en línea?
Con la mayoría de las herramientas en línea, “en línea” significa que tu archivo se sube al servidor de una empresa, se procesa ahí y se conserva un tiempo antes de eliminarse. Aquí no. La página descarga el código de la herramienta en tu navegador, y tu archivo se lee y se procesa dentro de la pestaña, en tu propio dispositivo. Nunca se envía a TapToConvert ni a nadie más.
Puedes comprobarlo tú mismo: una vez cargados la página y su motor, apaga el wifi y la herramienta seguirá funcionando. Eso también significa que no hay cola, ni límite diario, ni límite de tamaño impuesto por un servidor; el único límite es la memoria que tu navegador asigna a una sola pestaña.
Preguntas frecuentes sobre el compresor de SVG
¿Comprimir cambiará el aspecto de mi SVG?
Con precisión Alta, no hay ningún cambio visible. Una precisión menor redondea más las coordenadas, lo que puede deformar detalles muy pequeños.
¿Cuánto se reducirá?
Los SVG exportados desde apps de diseño suelen reducirse entre un 30 y un 70 por ciento. Los SVG que ya estaban optimizados se reducen poco o nada.
¿Puedo seguir editando el SVG comprimido?
Sí, pero los nombres de capas, las guías y los ajustes del editor desaparecen. Conserva el original para editarlo.
¿Mis archivos se suben?
No. SVGO se ejecuta en tu navegador, así que el SVG nunca sale de tu dispositivo.
¿Es gratis?
Sí. Sin registro, sin marca de agua y sin límite de uso. TapToConvert se mantiene con publicidad.
¿Mis archivos se suben?
No. Todo ocurre dentro de la pestaña de tu navegador, en tu propio dispositivo.