How is it that Tinypng.com compresses PNGs so much better than any other desktop based image compressor? Always thought ImageOptim was enough, but no. Always use TinyPNG.com as well.

SVG Exporting

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: https://www.youtube.com/watch?time_continue=206&v=6TRz-gNdQFg

Also, I found a really good tool for compression SVGs. Give it a go here: https://jakearchibald.github.io/svgomg/