Cómo comprimir archivos SVG.

Abre el Compresor SVG y elige un archivo SVG o Prueba una muestra. La muestra es svg-compressor.svg, una marca de órbita de 985 bytes con un viewBox de 512 × 512, relleno degradado, título y descripción. Usa Pegar SVG cuando el código ya esté en un editor o portapapeles.

La herramienta acepta hasta 20 archivos de 2 MB cada uno. Analiza un documento SVG completo y elimina las declaraciones de documento SVG estándar sin cargar archivos externos. Se rechazan XML mal formado, declaraciones de entidades personalizadas y subconjuntos de documentos internos. Los archivos muy complejos también pueden alcanzar el límite de elementos o de tiempo de procesamiento.

Este flujo de trabajo produce arte vectorial estático. Se eliminan scripts, controladores de eventos, recursos externos, animaciones e imágenes rasterizadas incrustadas. La vista previa Original ya está saneada, por lo que no debe interpretarse como una representación sin restricciones de todas las características del archivo fuente.

Los dos paneles de vista previa muestran el original saneado y el resultado optimizado. Los tamaños junto a Original y Optimizado y el resumen de bytes comparan el archivo fuente con la salida final. Informa de un aumento cuando la optimización hace que un archivo en particular sea más grande en lugar de prometer una reducción siempre.

Abre Ajustes y establece la Precisión decimal en 2 para el ejemplo. La precisión varía de 1 a 5 y comienza en 3. Los valores más bajos pueden simplificar la geometría numérica, pero pueden desplazar curvas finas, pequeños huecos o bordes alineados. Auméntala cuando la vista previa pierda detalles importantes.

Esta muestra utiliza una geometría sencilla, por lo que la precisión 2 mantiene su forma reconocible. Otros SVG con coordenadas decimales intrincadas pueden cambiar más. Ver el código SVG optimizado expone el texto real que se descargará; no es una representación separada del original.

Deja activada la opción Mantener títulos y descripciones accesibles para el ejemplo práctico. Esto conserva el título y la descripción SVG mientras elimina metadatos de editor redundantes y simplifica el código elegible. Estos son diferentes tipos de información y no deben tratarse como intercambiables.

Acortar ID internos está activado por defecto. El optimizador actualiza las referencias dentro del SVG, pero los CSS externos o JavaScript pueden seguir dependiendo de los ID originales. Desactiva esta opción cuando el archivo sea parte de una aplicación más grande que nombre sus elementos, y prueba el SVG final en ese contexto.

Deja desactivadas las dimensiones responsivas y el código de salida legible para el ejemplo. Las dimensiones responsivas eliminan el ancho y alto fijos cuando el viewBox de coordenadas puede proporcionar un tamaño escalable. La salida legible añade sangría y es útil para el mantenimiento, pero puede aumentar el tamaño del texto.

Selecciona Iniciar, luego Descargar. La salida procesada es de 635 bytes comparada con la fuente de 985 bytes: una reducción del 35.5%. Su título y descripción permanecen, y la comparación mostrada se renderiza desde la fuente genuina y el SVG descargado.

El artículo renderiza ambos vectores a 1,024 píxeles para una ilustración nítida del resultado; su tamaño de coordenada lógico sigue siendo 512 × 512. Una vista previa más grande no añade contenido rasterizado al SVG guardado. Revisa el vector real en tu página de destino antes de reemplazar un activo de producción existente.

Un archivo se descarga como SVG con su nombre base original. Un lote se descarga como un ZIP, con sufijos numerados para nombres de archivo duplicados. El procesamiento tiene lugar en el navegador. Conserva la fuente original si deseas probar diferentes ajustes de optimización más tarde.