SVG en la web

Gráfico Vectorial Escalable es un formato degráficos vectoriales bidimensionales, tanto estáticos como animados, en formato, cuya especificación es un estándar abierto desarrollado por el W3C desde el año 1999.
Sus principales características hacen que nunca pierda calidad sea cual sea el tamaño al que se presenten y su peso más ligero que el equivalente en pixeles (habitualmente).
wikipedia

La Fundación Mozilla tiene bastante información sobre svg.  Incluso en español sobre cómo agregarlos a la web en el nuevo estándar HTML5.

http://thenewcode.com/970/Web-Developer-Reading-List-Introduction-to-SVG


http://thenewcode.com/886/More-Tricks--Tips-For-Working-With-SVG-in-Adobe-CC 

Algunos consejos para el flujo de trabajo optimizado en Illustrator para crear svg. Y algunos más.

En español, he encontrado un par de enlaces con información bastante completa:
http://w3.unpocodetodo.info/svg/introduccion.php

https://www.maismedia.com/blog/tutoriales/guia-practica-svg-web

El más claro y simple me parece este sitio en correcto inglés (aunque también puedes elegir también ruso, japonés y coreano)

Como bajar de peso los archivos subidos a la web siempre es una medida sabia, los SVG también pueden adelgazar en sitios en línea como este.