SVG File Format Tips

SVG stands for Scalable Vector Graphics, a document format to reproduce 2D graphics.

Scalable means the graphics can be made larger without loss of quality. (This is not always true with raster graphics.)

Additionally, storage space needed for SVG files is usually less than raster files.

SVG files are usually created in "drawing" software such as Inkscape or Adobe Illustrator.

However, SVG files can even be generated manually or programmatically.

SVG files can also be interactive and/or animated, and it can contain metadata.

(an SVGZ file is a compressed SVG file.)

Contact Us if you cannot find your answer here on our Wiki or if you notice any information that is outdated.

 

Tips

• Preview SVG files (with software at PPM):

Brave, Google Chrome, Microsoft Edge, and Mozilla Firefox (web browsers)

Adobe Bridge (digital asset browser)

• Open SVG files (with software at PPM):

Inkscape, Adobe Illustrator, VCarve, LightBurn

• Import SVG files (with software at PPM):

Inkscape, VCarve, Blender

Mathematica — Import the SVG file format

• Paste SVG files into files (with software at PPM):

Adobe Illustrator

• Save (Save As, Export) SVG files (with software at PPM):

Canva

Inkscape (The native file format of Inkscape is .svg)

Adobe Illustrator

CorelDRAW

Mathematica — Export static SVG files

Additionally, OpenStreetMap can save images in SVG format

• Live code in SVG (with software at PPM):

Visual Studio Code and the third party extension "SVG"

External Training

Links to external sites:

Getting Started with SVG — at mdn web docs

SVG Files Basics — at Shaper Tools

Help:SVG — at Wikimedia Commons

CodePen — build, test, and discover front-end code

SVG Animations

Links to external sites:

SVG can do THAT?! — by Sarah Drasner

SVG Animation — at W3Schools

SVG Marketplace

Note that we have a Slack channel (#job-board) for members to post, discuss, or accept job opportunities either within PPM or from the community.
(Use our #job-board channel if you want to hire somebody to create a file, for example.)

Links to external sites:

svg files at Shaper|Hub

Generate SVG Waves

Related Pages

Links to related PPM Wiki pages:

Inkscape Tips

Adobe Illustrator Tips

Adobe Bridge Tips

Visual Studio Code Tips

Canva Tips

CorelDRAW X6 Tips

Blender Tips

  Computers — Windows  

  Computers — Mac and Apple  

  Computers — Ubuntu  

Hand-Curated Links

Links to member-recommended external sites:

SVGnest — arrange parts to use as little material as possible

OpenStreetMap — the free wiki world map.

For Additional Help

Use the PPM Slack channel #computing

List of all PPM Slack channels

Note that we have a Slack channel (#job-board) for members to post, discuss, or accept job opportunities either within PPM or from the community.

Search the PPM Wiki — include Content pages as well as Multimedia.

Contact Us if you cannot find your answer here on our Wiki or if you notice any information that is outdated.

Pikes Peak Makerspace (PPM) is dedicated to supporting our maker community in their creative processes by providing shared space, shared tools, materials, software, and a knowledge base to turn their ideas into reality.