Herramientas de línea de comandos
- SVGO (parece el jugador más grande)
- Fregar
- svgcleaner
Desafortunadamente, ninguno¹ de ellos ya se mantiene. Tampoco es necesario utilizar solo uno².
SVGO con un Task Runner
- gruñido-svgmin
- gulp-svgmin
- trago-svgo
- svgo-loader (paquete web)
Aplicaciones de escritorio
- ImageOptim (macOS)
- “acción de carpeta” de macOS
- Antes de macOS 10.15 Catalina, podía usar la GUI de SVGO, pero es de 32 bits, lo que lo hace obsoleto.
Hay una aplicación genérica para optimizar imágenes en Windows y Linux, pero aún no he confirmado que ninguna de ellas tenga SVG.
Aplicaciones web
La idea con estas herramientas es que tenga un SVG en su máquina y lo suba a esta aplicación web para optimizar este SVG.
- SVGOMG
- Nano
- Kraken
- Minificador de SVG
- Optimizador de SVG
- editor de svg
API
- API de servicio web ImageOptim
- Kraken
- Imgix admite SVG si se inscribe.
- No está del todo claro si Cloudinary realmente optimiza SVG y su API se centra en la carga, pero sí admiten “transformaciones” en SVG y su formato de URL de recuperación es similar a API.
Optimización de herramientas de diseño directamente
Por lo general, cuando exporta SVG desde una herramienta de diseño, necesita una optimización urgente. Por lo tanto, todas las herramientas de este artículo. Sin embargo, la herramienta de diseño en sí puede ayudar, al menos un poco.
- Compresor svgo de Sketch (también hay una aplicación web específica de Sketch para esto llamada SVGito)
- Figma hace todo lo posible por defecto
- Illustrator tiene SVG AHORA
- Inkscape puede exportar como “SVG optimizado” (utiliza Scour internamente) o utilizar SVGO-Inkscape
Artículos de buceo profundo
- 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 SVGO útiles[ptimization] Instrumentos
- 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
Trabajo de optimización manual / manual de SVG
- Raymond Schwartz: comprensión y mejora manual de la optimización de SVG
- Amberd Design Studio: Cómo optimizar un archivo SVG paso a paso
- Video de nosotros: Reducir 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
- Ya no se mantienen referencias: SVGO, Scour, svgcleaner. ACTUALIZAR: SVGO tiene un mantenedor nuevamente.
- Johannes Kalliauer en 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.
(Visited 7 times, 1 visits today)