En esta lección se comentan otros aspectos generales sobre SVG, que complementan lo comentado en la lección SVG (1).
Las imágenes SVG se pueden crear escribiendo las etiquetas directamente en un procesador de textos (como Visual Studio Code), pero también se pueden utilizar editores gráficos como Inkscape o descargar de repositorios como Open Clip Art. El inconveniente de utilizar imágenes creadas con Inkscape es que Inkscape genera más código del necesario, por lo que a menudo conviene simplificar ese código.
Como ejemplo, si creamos con Inkscape la imagen de la estrella de los ejemplos anteriores y la guardamos como SVG plano, obtendríamos un código fuente similar a este:
Para simplificar una imagen SVG podemos:
En el caso de la imagen de la estrella hecho con Inkscape, SVGOMG produciría el siguiente resultado:
En el caso de la imagen de la estrella hecho con Inkscape, SVGCleaner produciría el siguiente resultado:
Para insertarla en un documento html 5 es necesario eliminar parte de este código:
Por lo que la imagen podría quedar así:
Ese código se puede simplificar todavía más, hasta obtener el código que se ha utilizado en esta lección: