Difference between revisions of "SVG File Format Tips"
| Line 98: | Line 98: | ||
:'''[[File Format Tips]]''' | :'''[[File Format Tips]]''' | ||
| − | + | Use the PPM Slack channel #computing | |
| − | + | ||
| − | + | [[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. | ||
| + | |||
{{Template:Footer}} | {{Template:Footer}} | ||
<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 14:12, 23 March 2025
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 with "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.)
At Pikes Peak Makerspace (PPM), we maintain Inkscape on our Windows Design Workstations 1-3, and our new computer dedicated to the Roland printer/cutter.
Links to related PPM Wiki pages:
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, CorelDRAW, 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
- Rasterize SVG files (with software at PPPM):
- Adobe Photoshop
- Save (Save As, Export) SVG files (with software at PPM):
- Inkscape (The native file format of Inkscape is .svg)
- Adobe Illustrator
- Canva
- 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:
Hand-Curated Links
Links to member-recommended external sites:
- Penpot — web-based open-source tool for designers and developers to collaborate
- SVGnest — arrange parts to use as little material as possible
Additional Help
Links to related PPM Wiki pages:
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.