Difference between revisions of "SVG File Format Tips"

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
Line 15: Line 15:
 
==Tips ==
 
==Tips ==
 
'''The native file format of Inkscape is .svg'''
 
'''The native file format of Inkscape is .svg'''
*Software at PPM that previews SVG:
+
*Software at PPM '''to preview SVG''':
 
::all web browsers (Brave, Chrome, Edge, Firefox)
 
::all web browsers (Brave, Chrome, Edge, Firefox)
*Software at PPM that opens (Imports) SVG:
+
*Software at PPM '''to open (Import) SVG''':
 
::Inkscape, Adobe Illustrator, LightBurn, Blender
 
::Inkscape, Adobe Illustrator, LightBurn, Blender
 
::VCarve(?)
 
::VCarve(?)
Line 25: Line 25:
 
::Inkscape, Adobe Illustrator, Corel Draw
 
::Inkscape, Adobe Illustrator, Corel Draw
 
::Additionally, OpenStreetMap can save images as SVG
 
::Additionally, OpenStreetMap can save images as SVG
*Live code in SVG with Visual Studio Code and the third party extension "SVG"
+
*'''Live code in SVG with Visual Studio Code''' and the third party extension "SVG"
  
 
==Training — PPM Trainer(s) needed==
 
==Training — PPM Trainer(s) needed==

Revision as of 21:12, 19 July 2023

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

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

Scaleable means the graphics can be scaled in size (made larger) without loss of quality. This is not true with raster graphics.

SVG's are usually generated from "drawing" software such as Inkscape or Adobe Illustrator.

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

SVG's can also be interactive or animated.



Tips

The native file format of Inkscape is .svg

  • Software at PPM to preview SVG:
all web browsers (Brave, Chrome, Edge, Firefox)
  • Software at PPM to open (Import) SVG:
Inkscape, Adobe Illustrator, LightBurn, Blender
VCarve(?)
  • Software at PPM that accepts pasting SVG:
Adobe Illustrator
  • Software at PPM that saves (Save As, Export) SVG:
Inkscape, Adobe Illustrator, Corel Draw
Additionally, OpenStreetMap can save images as SVG
  • Live code in SVG with Visual Studio Code and the third party extension "SVG"

Training — PPM Trainer(s) needed

Pikes Peak Makerspace announces its Upcoming events, including classes, on Meetup

Links to external sites:

SVG — on Wikipedia
Help:SVG — at Wikimedia Commons

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.

See Also

Links to other PPM Wiki pages:

Inkscape Tips
Adobe Illustrator Tips
Visual Studio Code Tips
Canva Tips
Blender Tips
  Computers  

Curated Links

Links to external sites:

SVG can do THAT?! — by Sarah Drasner
CodePen — build, test, and discover front-end code.
SVG Files Basics -- at Shaper Tools

Other Fun Stuff

Links to external sites:

Rubik's_cube_almost_solved.svg — on Wikimedia Commons
svg files at Shaper|Hub
PPM Tool Color Map — Interactive
Search the PPM Wiki — include both Content pages and Multimedia
Contact Us if you cannot find your answer here on our Wiki, or if you notice something is outdated.