Difference between revisions of "SVG File Format Tips"

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
Line 2: Line 2:
 
<br>
 
<br>
 
<br>
 
<br>
'''SVG (Scaleable Vector Graphics) is an image file format for 2D graphics.'''
+
'''SVG stands for Scalable Vector Graphics,''' a document format (similar to HTML) to reproduce 2D graphics.
  
 
"Scaleable" means the graphics can be scaled in size (made larger) without loss of quality.
 
"Scaleable" means the graphics can be scaled in size (made larger) without loss of quality.
Line 9: Line 9:
  
 
SVG files can even be generated programmatically.
 
SVG files can even be generated programmatically.
 +
<br>
 
<br>
 
<br>
 
<hr style="height:2.5px">
 
<hr style="height:2.5px">
Line 15: Line 16:
 
'''The native file format of Inkscape is .svg'''
 
'''The native file format of Inkscape is .svg'''
  
'''SVG stands for Scalable Vector Graphics,''' a document format (similar to HTML) to reproduce 2D graphics including some animation.
 
 
:'''[https://www.youtube.com/watch?v=4laPOtTRteI SVG can do that?! - talk by Sarah Drasner]'''
 
:'''[https://www.youtube.com/watch?v=4laPOtTRteI SVG can do that?! - talk by Sarah Drasner]'''
 
:'''[[commons:Help:SVG|Help:SVG]]''' — at Wikimedia Commons
 
:'''[[commons:Help:SVG|Help:SVG]]''' — at Wikimedia Commons
 
*Software at PPM that previews SVG:
 
*Software at PPM that previews SVG:
 
::all web browsers
 
::all web browsers
 +
Visual Studio Code
 
*Software at PPM that opens (Imports) SVG:
 
*Software at PPM that opens (Imports) SVG:
::Inkscape, Adobe Illustrator, LightBurn, VCarve?
+
::Inkscape, Adobe Illustrator, LightBurn, Blender, VCarve(?)
 
*Software at PPM that saves (Save As, Export) SVG:
 
*Software at PPM that saves (Save As, Export) SVG:
 
::Inkscape, Adobe Illustrator, Corel Draw
 
::Inkscape, Adobe Illustrator, Corel Draw
Line 38: Line 39:
 
Links to other PPM Wiki pages:
 
Links to other PPM Wiki pages:
 
:'''[[Inkscape Tips]]'''
 
:'''[[Inkscape Tips]]'''
 +
:'''[[Visual Studio Code]]'''
 
:'''[[Canva Tips]]'''
 
:'''[[Canva Tips]]'''
 
:'''[[Blender Tips]]'''
 
:'''[[Blender Tips]]'''

Revision as of 19:39, 17 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 (similar to HTML) to reproduce 2D graphics.

"Scaleable" means the graphics can be scaled in size (made larger) without loss of quality.

SVG files can be interactive or animated. They are usually generated from application software such as Inkscape or Adobe Illustrator.

SVG files can even be generated programmatically.



Tips

The native file format of Inkscape is .svg

SVG can do that?! - talk by Sarah Drasner
Help:SVG — at Wikimedia Commons
  • Software at PPM that previews SVG:
all web browsers

Visual Studio Code

  • Software at PPM that opens (Imports) SVG:
Inkscape, Adobe Illustrator, LightBurn, Blender, VCarve(?)
  • Software at PPM that saves (Save As, Export) SVG:
Inkscape, Adobe Illustrator, Corel Draw
  • 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:

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
Visual Studio Code
Canva Tips
Blender Tips
  Computers  

Curated Links

Links to external sites:

Other Fun Stuff

Links to external sites:

Adobe Fandom Wiki

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 any info that is outdated.