soy Kseso y esto EsCSS

SVG: Herramientas y programas de creación y limpieza

Colección de programas y herramientas para la creación de SVG´s y su limpieza y optimización para usarlos en la web.

SVG: Herramientas y programas de creación y limpieza

·Por Kseso ✎ 0
Affinity Designer Vector art & design

Una pequeña recopilación de programas y herramientas para la creación de SVG´s y su posterior limpieza y optimización. Porque además de las grandes suits o programas editores de gráficos, como Ilustrator o CorelDraw, ahí fuera hay aplicaciones específicas para el manejo de SVG´s, tanto en línea como de escritorio.

Pero como la mayoría de estos programas de creación y edicción de SVG´s no priorizan su uso en web el código que generan es manifiestamente mejorable. Para ello nada como un segundo grupo de aplicaciones complementarias de ellas con las que depurar y limpiar el código obtenido.

Affinity Designer Vector art & design

Affinity Designer Vector art & design es un programa de creación de SVG´s para Mac. Tienes versión de pago y libre. También cuenta con un foro y un blog.

Affinity Designer Vector art & design
Affinity Designer Vector art & design para Mac

Inkscape

Inkscape es un software Libre y de Código Abierto bajo la licencia GPL. Tiene una gran comunidad tras él, tanto de desarrolladores como de usuarios, así como una infinidad de tutoriales.

Inkscape

SVG Editor de code.Google

Un editor "sencillo" que encontrarás en code.google y que funciona en el navegador es SVG Editor de Google. También está disponible en línea

SVG Editor de code.Google
Página principal // SVG editor en línea

Karbon 14

Karbon 14 es un editor de gráficos vertoriales perteneciente a Calligra Suite.

Karbon 14
Karbon 14

Limpiar y optimizar los SVG´s

Tan importante o más que "dibujar un svg muy guapo y resultón" es dejar su código lo más límpio y optimizado para su uso en la web, cualquiera que sea la forma que elijas para incluirlo. Para ello también hay quien ha desarrollado aplicaciones que lo harán por tí de una forma sencilla y efectiva.

Recuerda que en el uso de este tipo de herramientas es más que recomendable aplicarlas a una copia del archivo, nunca al principal, y que tras pasarlo por ellas conviene ver el resultado en nuestro navegador y compararlo con el original. Si lo haces así te evitarás sorpresas desagradables y no tendrás que lamentarlo.

Relación de limpiadores / optimizadores de SVG´s

Por supuesto que en la red podrás encontrar otros muchos, sólo es cuestión de preguntar al santoG. Pero creo que estos pueden ser un buen punto de partida tanto para la creación de SVG´s como para dejarlos a punto para que los puedas usar en la web de la mejor gorma posible.

avatar del Editor del blog

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso