A cli can automatically compress images with tinypng.com.
When delevoping a website, we often need to compress images to reduce the network io cast.In normal way, we may need four steps to compress images:
- download images from the internet
- upload the image to tinypng.com
- download the compressed image from tinypng.com
- copy the compressd images into our workspace
The above steps are very time-consuming. So !!! this cli can automatically compress images in background process. It will watch the fileSystem changes to auto handle if there are any images that need to be compressed.
- 💾 Support configuration file
- 🍁 Multiple directory watching
- ✨ Support HMR
- 🦋 Auto detection nested directory images and compress them
- 🌝 Background process will not block the main thread
- 🐻❄️ Compressed record logging to avoid repeated compression
pnpm add -D easy-tinypng-cli
-
APIKey (required) : the API key of tinypng.com, you can get it from tinypng.com
-
targetDir (required) : the top directory that you want to compress images
import { defineTinyConfig } from 'easy-tinypng-cli/utils'
export default defineTinyConfig({
configs: [
{
targetDir: './src/images',
},
],
APIKey: 'xxxxxxxxx',
}){
"scripts": {
"optimizeImages": "tiny"
}
}or
{
"scripts": {
"optimizeImages": "tiny --once" //only compress once no watching files change
}
}sudongyuer email:[email protected]