There are several reasons why SVG might be a good way to create some graphical assets on your website. Let's review them together.
There are a lot of elements--and attributes--to consider when writing SVG. But to get started, we don't have to learn them all. Let's review the most important ones you'll encounter while working with generated SVG or SVG you coded yourself.
I wrote up short tutorial and created a video showing how to use svgmin to optimize your SVG files as part of your Grunt workflow.
A [new project from David Deraedt called SVG NOW that is an alternative SVG exporter for Adobe Illustrator. This is great news because the code that comes out of Illustrator isn't as optimized as it could be.
The one online tool I found works best for converting a PNG of GIF to SVG.
For this tutorial, I want to build a special folder on my computer Desktop that, when I drop an SVG file in, automatically converts the SVG to PNG. It will then move the original SVG file to a different directory and move the PNG to a different directory as a way to clean things up.
If you are already using Inkscape to draw your SVGs, then you would be best served scripting the command line tool of the tool that you already have open. This is how to do it.
With svgexport, we can easily pass in an SVG file--including any resizing options for the SVG viewport--and convert it to PNG, JPG, JPEG, or PDF of varying quality.
A mega-list of resources, tutorials, and tools for using and learning more about SVG.