pngquant
Lossy PNG compressor — pngquant command based on libimagequant library (by kornelski)
svgo
⚙️ Node.js tool for optimizing SVG files (by svg)
| pngquant | svgo | |
|---|---|---|
| 5 | 30 | |
| 5,028 | 20,408 | |
| - | 0.6% | |
| 5.1 | 8.9 | |
| 16 days ago | 4 days ago | |
| C | JavaScript | |
| GNU General Public License v3.0 or later | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
pngquant
Posts with mentions or reviews of pngquant.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-10-01.
-
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:
-
keeping collection size down (for ankiweb) when needing lots of image cards/notes
Searching more I found https://pngquant.org/ which I could add to my bulk workflow to make most png's approach the jpeg size.
-
screen capture/snapshot utility with image optimization support/configurability
But this did prompt me to do some searching, and I see https://pngquant.org/ which seems to achieve jpeg like size reduction while maintaining the file as a png. One difference they note is that this method will typically preserve sharp edges better than jpeg (which is probably a strong plus for my type of use case)
- Ask HN: Small scripts, hacks and automations you're proud of?
-
Optimising hundreds of gifs, offline
If use PNG you can use pngquant 2 for instance. More modern image formats may also compress your images further.
svgo
Posts with mentions or reviews of svgo.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-04-27.
-
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?
When comparing pngquant and svgo you can also consider the following projects:
oxipng - Multithreaded PNG optimizer written in Rust
svgomg - Web GUI for SVGO
3d-game-shaders-for-beginners - 🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
svgr - Transform SVGs into React components 🦁
flameshot - Powerful yet simple to use screenshot software :desktop_computer: :camera_flash:
svg-to-react - Tool to convert SVG files to React components
mozjpeg - Improved JPEG encoder.
Beatbump - Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧
zettelkasten - Creating notes with the zettelkasten note taking method and storing all notes on github
easyeda-svg-import - Simple SVG Importer for EasyEDA PCB that doesn't convert everything to Comic Sans 😄
dotfiles - ben's dotfiles
xooks - General purpose react hooks collection