Image Compression Tools For Web Developers
Web Page / PWA
https://tinypng.com
Best compression tool for .png
images.
Should be noticed that images will be uploaded to tinypng’s server.
https://squoosh.app
Squoosh is developed by Google Chome Lab team, once loaded it runs totally offline. With WebAssembly integration, multiple de/encoders supported.
Also, you can customize options for compression, very convenient.
CLI
imagemin-cli
1 | imagemin --help |
To use different de/encoders, you’ll need to install corresponding plugins.
Its default plugin settings is:
1 | default: [ |
Usage example:
This command minify your images in your current directory and save compressed images to a new directory named compressed
1 | imagemin ./* --out-dir=compressed |
If you just want to replace your current files with compressed ones, try this
1 | imagemin ./* --out-dir=compressed && mv -f compressed/* . && rm -rf compressed |
App
ImageSmith(Mac)
Simple but efficient! It runs compression locally.
zipic(Mac)
It’s free! Requires macOS 13.0 or later.
Image Compression Tools For Web Developers
https://thelynan.com/ways-of-image-compression-for-web-developers/