scour
svgo
scour | svgo | |
---|---|---|
5 | 30 | |
738 | 20,390 | |
0.8% | 0.4% | |
0.0 | 8.9 | |
10 months ago | 10 days ago | |
Python | JavaScript | |
Apache License 2.0 | 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.
scour
-
Is it possible to save multiple files as optimized SVGs at once?
You could install the optimizer Inkscape uses internally and process your files with a super simple shell script. When reading the inkscape command line help, it does not seem to offer any option to export optimized SVGs from there
-
Convert pdf to optimized SVG from command line [Help]
Inkscape uses Scour under the hood for optimized SVG export.
-
Batch convert svg icons into a symbol set?
First make sure all your icons are saved as 'Optimized SVG' to remove Inkscape specific data and unnecessary id-attributes. Inkscape uses 'Scour' for this under the hood, so you can just use that directly to convert your files from the command line. I recommend the options --strip-xml-prolog --remove-metadata --enable-id-stripping --renderer-workaround. Now you only need to replace the outermost ... with ... for each file and remove all attributes on it, except width, height viewBox and preserveAspectRatio. Since we've stripped the XML-declaration with Scour, simply concatenate all files, wrap the result in a new element and lastly give your symbols unique ids and make sure all remaining referenced ids are unique between symbols.
-
Open Source Favicon Generation & Optimisation in 2022
The script optimised the SVG using Scour. This removes some metadata and also shortens IDs as well as strip out comments. For the PNG files we used OptiPNG on the maximum optimisation setting. This can be slow on larger files, but for favicons should not take long. Here’s the before and after comparison of files sizes for a particular favicon, using the script:
-
Where to start?
I also recommend Inkscape, it also has scour built-in to it. When saving a SVG select the option "optimized SVG" which will give you options to pass to scour to lower the amount of markup there is. You can then do some hand editing after this to further remove any markup you don't want.
svgo
-
SVG Viewer – View, edit, and optimize SVGs
Surprised this is being discussed here. It's worth noting that SVGOMG runs SVGO 3.0.0 while the latest version is 3.2.0 (so run SVGO locally for the latest optimizations), but I understand that once https://github.com/svg/svgo/pull/1943 is merged Jake will release an updated version of SVGOMG.
-
Random Code Inspiration Volume 2
image-shrinker is a simple, easy to use open source tool for shrinking images. Under the hood it uses pngquant, mozjpg, SVGO, and gifsicle. You can also install these tools individually if you need to compress some images. I often use pngquantafter exporting PNGs for web projects from Figma or similar tools. I literally run it like this:
-
Dynamic SVG images using Next.js
In addition to the techniques we’ve discussed so far, there are optimization tools available that can further enhance SVG images. These tools, such as SVGO and ImageOptim, offer valuable features to reduce file size and clean up SVG markup, making it easier to standardize and optimize the overall performance of SVG assets.
-
Is it possible to save multiple files as optimized SVGs at once?
Open the terminal and cd to the folder containing your SVG files and run the command inkscape *.svg --export-plain-svg --export-type=svg And Inkscape is going to save your files as plain SVG and append the word "_out" to them. Note : Plain SVG files are not optimized for the web, you should use SVGO or any other Node.js tool, there are a lot of them on MPM
- F360 going crazy over a client supplies SVG. Anything to clean it up?
- What is the benefit of stripping viewBox?
-
Ask HN: FOSS Projects Worth Donating To?
Look at software you use and identify underlying libraries.
SVGO https://github.com/svg/svgo is used by many graphics software but hasn't seen donations commensurate with usage https://opencollective.com/svgo
- Создаем React-компоненты иконок с помощью Figma API и SVGR. Часть 2.
- Used an online SVG editor, this code got added to my file. I've already opened the file. How fucked am I?
-
Using SVGs in Common Lisp web apps with Djula
There are still a lot of things cl-djula-svg is capable of doing. For the immediate future, I am looking at adding optimization capabilities something like what svgo is doing for svgr. If you know anything else needs to be done to improve the package, please open an issue in the repository.
What are some alternatives?
GimelStudio - Non-destructive, node based 2D image editor with an API for custom nodes
svgomg - Web GUI for SVGO
svg.py - 🎨 Type-safe and powerful Python library to generate SVG files
svgr - Transform SVGs into React components 🦁
gerbolyze - Directly render SVG overlays into Gerber and Excellon files
svg-to-react - Tool to convert SVG files to React components
apysc - apysc is a Python frontend library to create html and js file, that has ActionScript 3 (as3)-like interface.
Beatbump - Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧
occult - vpype plug-in to remove occulted lines in SVG files
easyeda-svg-import - Simple SVG Importer for EasyEDA PCB that doesn't convert everything to Comic Sans 😄
svg-experiments - ✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.
xooks - General purpose react hooks collection