What does SVG Stand For?

A scalable vector graphic (SVG) is a vector-based file. It’s the most basic vector format you can use and is often used in other kinds of media. It is just as good at getting your logo image to be a vector as other files.

You can edit in SVGs in Illustrator. They are often used for vinyl cutting machines and plotter devices or anything that deals with two dimensions.

An example of a vinyl cutting machine would be a Cricut, which is an at-home vinyl cutter. A Cricut uses SVG files, and you can load logos and texts into the Cricut design suite as an SVG from Illustrator. It won’t contain all your Illustrator information like text.

If you’re going to be saving a design as an SVG, you should make sure to flatten all your objects and convert all your text outlines before you save it as one. We’d recommend saving a copy of your file before you do any of that as a backup.

SVG is becoming more of a standard on the web. All web browsers do not currently adopt it, but we believe SVGs will be read natively by all of them in the future.

What’s so awesome about SVGs is the ability to plot coordinates right into your HTML to generate an SVG instead of having to upload an SVG file. You can code your SVG directly into HTML, allowing you to create animations with Javascript and the HTML canvas form right within HTML.

Another advantage of SVGs includes images being scalable without image quality loss; graphic settings can be quickly changed. They contain smaller file sizes than their raster counterparts and are just code, allowing the entire image or just parts of it to be animated.

However, the downside of SVGs includes it only working with two-dimensional images so that photographs wouldn’t work, and understanding cross-browser responsiveness required to display the images properly can be tricky.