Herramientas para optimizar SVG

 

 

 

Herramientas de línea de comando

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

Índice
  1. Herramientas de línea de comando
  2. aplicaciones de escritorio
  3. aplicaciones web
  4. API
  5. Optimización directamente desde las herramientas de diseño.
  6. Artículos de inmersión profunda
  7. Manual de trabajo de optimización/Manual 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. Skins de Fortnite

 

  • 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.





SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Herramientas para optimizar SVG

Herramientas para optimizar SVG

Herramientas de línea de comandoaplicaciones de escritorioaplicaciones webAPIOptimización directamente desde las herramientas de diseño.Artículos de inmers

programar

es

https://aprendeprogramando.es/static/images/programar-herramientas-para-optimizar-svg-1337-0.jpg

2025-01-15

 

Herramientas para optimizar SVG
Herramientas para optimizar SVG

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences