Since SVGs don’t animate well in older browsers (Specifically zooming), I’ve avoided using them in banners for a while, opting instead for retina sized PNGs. But Im warming up to them. Most clients are caring less and less about IE9, and I’ve found a few really good tools.

The first is something with Photoshop CC that I only recently discovered. It allows you to export SVGs from text layers without having to do any extra steps (except for converting to shape layers). Just turn on File>Generate>Image Assets. Then rename each layer xxxx.svg, and without any extra steps, wherever you have saved the PSD, a new folder will appear with a file for any layer named with a .svg extension. Explained much better here:

Also, I found a really good tool for compression SVGs. Give it a go here: