svg_crop
svgomg
Our great sponsors
svg_crop | svgomg | |
---|---|---|
10 | 78 | |
34 | 5,649 | |
- | - | |
0.0 | 5.9 | |
over 2 years ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svg_crop
-
SVG Viewer – View, edit, and optimize SVGs
I'll add one of my favorite SVG tools... a tool to crop SVGs. Sometimes the SVG has a wide border around it or something funky that makes dealing with centering it difficult. This tool just crops it to the visible elements:
https://svgcrop.com/
-
Usefull tools for svg
Remove blank space from around any SVG instantly: https://svgcrop.com/
-
Is there any tool to bulk resize SVG icons to be inside a square as big as they can fit?
Drop them all (maybe not all 200 at once) > click button > viola: https://svgcrop.com
-
Working with svgs that have alot of empty space
so apparently theres a svg cropper online, leaving this comment in case someone else needs it https://svgcrop.com/
-
Designer consistently gives us SVGs that are not centered leading to code to override the base SVG
I've used this before with great success: https://svgcrop.com/
-
How to crop SVG Diagrams ?
It's probably built into the SVG's view box. This site can crop to the proper area if you don't want to do it yourself with Illustrator.app or an equivalent.
-
Essential SVG tools
SVG Crop
- It's been mentioned before, but it's worth repeating. This website automatically takes the whitespace out of your svg file.
- SVG Crop - Removes blank space from around any SVG instantly.
- I created a simple website that removes any extra white space from around an SVG.
svgomg
-
SVG Viewer – View, edit, and optimize SVGs
Another web-based SVG tool I use regularly is https://jakearchibald.github.io/svgomg/, an extremely configurable optimizer.
-
How to make this map clickable?
Im assuming if you click on the red dot you get to see the names. Try to get a svg without the names. Get it through SVGOMG https://jakearchibald.github.io/svgomg/ and then make a component out of it. Add click listener to the dots and voila
- Svgomg – SVGO's Missing GUI
-
200 Web-Based, Must-Try Web Design and Development Tools
SVG Optimizer
-
7 Free Lifesaver Image Tools Every Frontend Developer Must Have In Their Arsenal 🛠️🚀
SVGOMG for optimizing SVG
- Decal Converison
- Anyone know how to upload decals with detail, yet without going over the file size limit?
-
Why does Inkscape save my SVG file so large? Like, it's just a simple logo with 241 nodes.
Use https://jakearchibald.github.io/svgomg/ to strip out all the unnecessary data.
-
TinyVG – an alternative binary encoded vector graphics format
I came here to say the same thing.
Somebody recently pointed me at a nice online GUI for svgo, so you can try it for yourself without installing anything: https://jakearchibald.github.io/svgomg/
-
Is there a pure SVG Editor?
Use what ever you to create it the run it through https://jakearchibald.github.io/svgomg/
What are some alternatives?
imagetracerjs - Simple raster image tracer and vectorizer written in JavaScript.
svgo - ⚙️ Node.js tool for optimizing SVG files
canvas2svg - Translates HTML5 Canvas draw commands to SVG
resvg - An SVG rendering library.
penpot - Penpot: The open-source design tool for design and code collaboration
ImageOptim - GUI image optimizer for Mac
lib2geom
heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.
iconvg - IconVG is a compact, binary format for simple vector graphics: icons, logos, glyphs and emoji.
svgcleaner - svgcleaner could help you to clean up your SVG files from the unnecessary data.
Beatbump - Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧