What is an SVG and what do I use it for?

An SVG is a scalable vector graph; it is an image that can scale up to any resolution. This is unlike a .png or .jpg which uses pixels.

An SVG is a graphic built using vectors or an element with specific magnitude and direction.

An SVG is useful for graphic design, and very useful and ready to use file type for circuit or other cutting machines because unlike a .png which will lose resolution with scaling an SVG will look good at any resolution.

Why use an SVG?

Logo design : logos are used across many websites and SVG files are scalable.

Diagrams: just like an icon built into most software an SVG relies on simple lines.

Animation: CSS can be used to animate SVG’s.

Charts and Graphs: easy scalability without concern for quality loss.

Crafting: I personally decided to create SVG’s to use with my Circuit cutting machine as this is a preferred file type for this software.

Many of my digital art offerings also include PNG files which are great for print and cut projects or for sublimation.

How do I create an SVG?

I export my art as .png files and convert them with free conversion tools such as convertio.io for any photo into a black and white .svg, and www.pngtosvg.com for color photos I want as color .svg files. Each file is uploaded and tested before being uploaded for sale on my website/Etsy shop.

To create my art I use procreate which is a free program. Adobe Illustrator and Canva pro version are commonly used as paid subscriptions with more capability for creatives.