Herramientas para optimizar SVG

Herramientas de línea de comando

• SVGO (Parece el jugador más importante)
• Fregar
• limpiador de svg

Desafortunadamente, ya no se mantiene ninguno ¹ de ellos. Tampoco es necesario utilizar solo uno².

SVGO con un corredor de tareas

• gruñido-svgmin
• trago-svgmin
• trago-svgo
• cargador svgo (paquete web)

aplicaciones de escritorio

• Imagen optima (macOS)
• “Acción de carpeta” de macOS
• Antes de macOS 10.15 Catalina, podíamos usar SVGO GUI, pero es de 32 bits, lo que lo hace obsoleto.

Hay aplicaciones genéricas para optimizar imágenes en Windows y Linux, pero aún no he confirmado que ninguna de ellas haga SVG.

aplicaciones web

La idea con estas herramientas es que tengas un SVG en tu máquina y lo subas a esta aplicación web para optimizar este SVG.

• SVGOMG
• nano
• Kraken
• Minimizador SVG
• optimizador de SVG
• editor-svg

API

• API de servicio web ImageOptim
• Kraken
• Imgix admite SVG si lo habilita.
• No está del todo claro si Cloudinary realmente optimiza SVG y su API se centra en la carga, pero admite “transformaciones” en SVG y su formato de recuperación de URL es similar a API.

Optimización directamente desde las herramientas de diseño.

Por lo general, cuando exporta SVG desde una herramienta de diseño, necesita urgentemente una optimización. De ahí todas las herramientas de este artículo. Sin embargo, la propia herramienta de diseño puede ayudar, al menos en cierta medida.

• El compresor svgo de Sketch (también hay una aplicación web específica de Sketch para esto llamada SVGito)
• Figma hace lo mejor que puede por defecto
• Illustrator tiene SVG AHORA
• Inkscape puede exportar como “SVG optimizado” (usa Scour internamente) o usar SVGO-Inkscape

Artículos de inmersión profunda

• Michelle Barker: Optimización de SVG para la Web
• Jayden Seric: Cómo optimizar SVG
• Sara Soueidan: Consejos para crear y exportar mejores SVG para la Web y herramientas útiles de [ptimización] SVGO
• Cosima Mielke: herramientas y recursos para editar, convertir y optimizar SVG
• Jake Giltsoff: SVG en la Web, preparación y optimización
• Andreas Larsen: Optimización de SVG para uso web
• Josh Stoik: Optimización de SVG para uso web

Manual de trabajo de optimización/Manual SVG

• Raymond Schwartz: comprensión y mejora manual de la optimización SVG
• Amberd Design Studio: Cómo optimizar un archivo SVG paso a paso
• Vídeo nuestro: Reducción de puntos vectoriales en Illustrator
• Video de Kevin Powell: Cómo crear, limpiar y optimizar un SVG
• Presentación de Brenda Storer: Descifrando el código SVG
• Dudley Storey: Optimización SVG: Conceptos básicos

1. Referencias que ya no se mantienen: SVGO , Scour , svgcleaner . ACTUALIZACIÓN : SVGO tiene un mantenedor nuevamente.
2. Johannes Kalliauer de Wikipedia (quien me informó sobre el panorama más amplio de las herramientas de línea de comandos) me dice que cada una de las herramientas tiene sus ventajas. Si bien SVGO es popular, también es el que tiene más errores. svgcleaner es el más rápido. Scour y svgcleaner también pueden reparar SVG dañado, mientras que SVGO no.