Hay muchas cosas que puede hacer con SVG sin ningún software. Suponiendo que tenga una buena fuente de imágenes SVG en línea, podría usarlas directamente. Pero es bastante común que necesitemos ajustarlos un poco. Sé que mi flujo de trabajo más común es encontrar algo parecido a lo que necesito en sitios de fotografías de archivo o conjuntos de iconos o similares, y luego manipularlo para que sea exactamente como quiero. Ajustar formas, eliminar cosas, cambiar colores, ajustar la mesa de trabajo, todo eso. Es mucho más fácil hacer cosas como esta con un software hecho para ello, en lugar de hacerlo a mano en el código.
El software más común que hemos estado usando en esta serie es Adobe Illustrator ($ 19,99 / mes). Illustrator es un software grande y robusto para Mac o PC. Un montón de funciones. Y es un poco como escoger la guitarra como instrumento que quieres aprender. Hay muchos tutoriales que lo usan. Hay un montón de gente usándolo a quien puedes recurrir. Illustrator puede GUARDAR COMO en SVG, lo que significa que es un formato de archivo nativo con el que puede trabajar, lo cual es bastante bueno.
En todos los diferentes programas que analizamos, ninguno de ellos genera el SVG tan optimizado como probablemente lo desearía para la web. Todos ellos insertan algunos comentarios genéricos y cosas de tipo metadato que dicen en qué software se creó y demás, lo cual es completamente inútil para su uso en la web. Peor aún, ya que aumenta el tamaño del archivo, lo que hace que las cosas sean más lentas. Siempre querrá optimizar el SVG que obtiene de cualquier software (pronto haremos un screencast sobre la optimización).
Inkscape es otra opción popular para la edición de SVG. Creo que es probable que sea porque es multiplataforma (trabaja con Mac, PC, Linux) y es gratis. También ha existido durante mucho tiempo y tiene un conjunto de funciones sólido. Sin embargo, lo encuentro un poco incómodo, principalmente como usuario de Mac porque la interfaz es extrañamente diferente a todo lo demás a lo que estoy acostumbrado.
Me ha gustado Sketch, que es solo para Mac ($ 99). En particular, me gusta que pueda seleccionar objetos y grupos y luego "Hacer exportable" y luego SVG es una opción para exportar como, lo que le brinda un SVG recortado y perfectamente utilizable.
También analizamos iDraw (Mac $ 24,99 e iOS $ 8,99). También existe WebCode (Mac $ 39,99).
No los miramos específicamente en el video, pero también hay algunos editores SVG basados en navegador que son bastante agradables:
- SVG editar
- Método
- Mondrian