- load svginjector https://github.com/iconic/SVGInjector
- place your svg + png fallback files in [see 'file layout']
- make sure loadSVG() is run on page load / page ready.
Now when your browser can't use the svg file, it'll fallback to the png equivalent inside the 'fallback' directory.
Also here's the svg optimization tool which was mentioned, https://github.com/svg/svgo-gui
Enjoy.