Difference between revisions of "SVG File Format Tips"

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
Line 19: Line 19:
 
::Inkscape, VCarve, Blender
 
::Inkscape, VCarve, Blender
 
::'''[https://reference.wolfram.com/language/ref/format/SVG.html Mathematica]''' — [https://reference.wolfram.com/language/ref/Import.html Import] the SVG file format
 
::'''[https://reference.wolfram.com/language/ref/format/SVG.html Mathematica]''' — [https://reference.wolfram.com/language/ref/Import.html Import] the SVG file format
*Software at PPM that accepts pasting SVG:
+
*Software at PPM that '''accepts pasting SVG''':
 
::Adobe Illustrator
 
::Adobe Illustrator
*Software at PPM that saves (Save As, Export) SVG:
+
*Software at PPM that '''saves (Save As, Export) SVG''':
 
::Canva
 
::Canva
 
::Inkscape (The native file format of Inkscape is .svg)
 
::Inkscape (The native file format of Inkscape is .svg)
 
::Adobe Illustrator, CorelDRAW
 
::Adobe Illustrator, CorelDRAW
 +
::
 
::'''[https://reference.wolfram.com/language/ref/format/SVG.html Mathematica]''' — [https://reference.wolfram.com/language/ref/Export.html Export] the SVG file format
 
::'''[https://reference.wolfram.com/language/ref/format/SVG.html Mathematica]''' — [https://reference.wolfram.com/language/ref/Export.html Export] the SVG file format
 
::Additionally, [https://www.openstreetmap.org '''OpenStreetMap'''] can save images as SVG
 
::Additionally, [https://www.openstreetmap.org '''OpenStreetMap'''] can save images as SVG

Revision as of 19:30, 22 March 2024

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

Scalable means the graphics can be scaled in size (made larger) without loss of quality. This is not true with raster graphics. Additionally, storage space needed for SVG files is usually less than raster files.

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

  • Software at PPM to preview SVGs:
Brave, Google Chrome, Microsoft Edge, and Mozilla Firefox (web browsers)
Adobe Bridge (digital asset browser)
  • Software at PPM to open SVGs:
Inkscape, Adobe Illustrator, VCarve, LightBurn
  • Software at PPM to Import SVGs:
Inkscape, VCarve, Blender
MathematicaImport the SVG file format
  • Software at PPM that accepts pasting SVG:
Adobe Illustrator
  • Software at PPM that saves (Save As, Export) SVG:
Canva
Inkscape (The native file format of Inkscape is .svg)
Adobe Illustrator, CorelDRAW
MathematicaExport the SVG file format
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

PPM announces all its Upcoming events, including classes, on Meetup

  • Links to external sites:

SVG — on Wikipedia

Help:SVG — at Wikimedia Commons

Related Pages

Links to related PPM Wiki pages:

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

Curated Links

Links to member-recommended external sites:

SVGnest — arrange parts to use as little material as possible
Getting Started with SVG — at mdn web docs
SVG Files Basics — at Shaper Tools
SVG can do THAT?! — by Sarah Drasner
svg files at Shaper|Hub
OpenStreetMap — the free wiki world map.
CodePen — build, test, and discover front-end code.

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.
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 you notice something 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.