Difference between revisions of "SVG File Format Tips"
Jump to navigation
Jump to search
| (19 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
<br> | <br> | ||
==Tips == | ==Tips == | ||
| − | |||
| − | |||
*Software at PPM '''to preview SVGs''': | *Software at PPM '''to preview SVGs''': | ||
::Brave, Google Chrome, Microsoft Edge, and Mozilla Firefox (web browsers) | ::Brave, Google Chrome, Microsoft Edge, and Mozilla Firefox (web browsers) | ||
::Adobe Bridge (digital asset browser) | ::Adobe Bridge (digital asset browser) | ||
*Software at PPM '''to open SVGs''': | *Software at PPM '''to open SVGs''': | ||
| − | ::Inkscape, Adobe Illustrator, VCarve, LightBurn | + | ::Inkscape, Adobe Illustrator, VCarve, LightBurn |
*Software at PPM '''to Import SVGs''': | *Software at PPM '''to Import SVGs''': | ||
| − | ::Inkscape, VCarve | + | ::Inkscape, VCarve, Blender |
| − | *Software at PPM that accepts pasting SVG: | + | ::'''[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''': | ||
::Adobe Illustrator | ::Adobe Illustrator | ||
| − | *Software at PPM that saves (Save As, Export) SVG: | + | *Software at PPM that '''saves (Save As, Export) SVG''': |
| + | ::Canva | ||
::Inkscape (The native file format of Inkscape is .svg) | ::Inkscape (The native file format of Inkscape is .svg) | ||
| − | ::Adobe Illustrator | + | ::Adobe Illustrator |
| − | ::Additionally, OpenStreetMap can save images as SVG | + | ::CorelDRAW |
| + | |||
| + | ::'''[https://reference.wolfram.com/language/ref/format/SVG.html Mathematica]''' — [https://reference.wolfram.com/language/ref/Export.html Export] static SVG files | ||
| + | ::Additionally, [https://www.openstreetmap.org '''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 == | ||
| + | PPM announces its [https://www.meetup.com/pikespeakmakerspace/events '''Upcoming events, including classes, on Meetup'''] | ||
| + | |||
*Links to external sites: | *Links to external sites: | ||
===[[wikipedia:SVG|SVG]] — on Wikipedia === | ===[[wikipedia:SVG|SVG]] — on Wikipedia === | ||
| Line 37: | Line 42: | ||
:'''[[Inkscape Tips]]''' | :'''[[Inkscape Tips]]''' | ||
:'''[[Adobe Illustrator Tips]]''' | :'''[[Adobe Illustrator Tips]]''' | ||
| − | : | + | :'''[[Adobe Bridge Tips]]''' |
:'''[[Visual Studio Code Tips]]''' | :'''[[Visual Studio Code Tips]]''' | ||
:'''[[Canva Tips]]''' | :'''[[Canva Tips]]''' | ||
:'''[[Blender Tips]]''' | :'''[[Blender Tips]]''' | ||
| − | :[[Computers|<span style="color:#000000; background:#D0DD27"> '''Computers''' </span>]] | + | :[[Computers|<span style="color:#000000; background:#D0DD27"> '''Computers — Windows''' </span>]] |
| + | :[[Computers -- Mac and Apple|<span style="color:#000000; background:#D0DD27"> '''Computers — Mac and Apple''' </span>]] | ||
| − | ==Curated Links== | + | ==Hand-Curated Links== |
Links to member-recommended external sites: | Links to member-recommended external sites: | ||
| + | :'''[https://svgnest.com/ SVGnest]''' — arrange parts to use as little material as possible | ||
:'''[https://developer.mozilla.org/en-US/docs/Web/SVG Getting Started with SVG]''' — at mdn web docs | :'''[https://developer.mozilla.org/en-US/docs/Web/SVG Getting Started with SVG]''' — at mdn web docs | ||
| − | |||
:'''[https://support.shapertools.com/hc/en-us/articles/115002735274-SVG-Files-Basics SVG Files Basics]''' — at Shaper Tools | :'''[https://support.shapertools.com/hc/en-us/articles/115002735274-SVG-Files-Basics SVG Files Basics]''' — at Shaper Tools | ||
:[https://www.youtube.com/watch?v=4laPOtTRteI '''SVG can do THAT?!'''] — by [https://sarahdrasnerdesign.com/ '''Sarah Drasner'''] | :[https://www.youtube.com/watch?v=4laPOtTRteI '''SVG can do THAT?!'''] — by [https://sarahdrasnerdesign.com/ '''Sarah Drasner'''] | ||
| + | :'''[https://hub.shapertools.com/search?search=svg svg files at Shaper|Hub]''' | ||
:'''[https://www.openstreetmap.org/about OpenStreetMap]''' — the free wiki world map. | :'''[https://www.openstreetmap.org/about OpenStreetMap]''' — the free wiki world map. | ||
| − | + | :'''[https://codepen.io/ CodePen]''' — build, test, and discover front-end code. | |
| − | :'''[https:// | + | |
== For Additional Help == | == For Additional Help == | ||
: Use the PPM Slack channel #computing | : Use the PPM Slack channel #computing | ||
| − | :[[How To Slack#Channel Names and Descriptions|'''List of all PPM Slack channels''']] | + | :[[How To Slack#PPM Channel Names and Descriptions|'''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. | :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. | ||
{{Template:Footer}} | {{Template:Footer}} | ||
| − | + | {{Template:Ideas into reality}} | |
<p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> </p> | <p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> </p> | ||
| − | |||
| − | |||
| − | |||
[[Category:Software]] | [[Category:Software]] | ||
| − | |||
Revision as of 18:37, 16 April 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
- Mathematica — Import 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
- Mathematica — Export static SVG files
- 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 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
Hand-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 if 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.