https://github.com/js-banana/image-minify-cl

Minify images：jpg、png
https://github.com/js-banana/image-minify-cl

cli image jpg minify nodejs png pngquant

Last synced: 23 days ago
JSON representation

Minify images：jpg、png

• Host: GitHub
• URL: https://github.com/js-banana/image-minify-cl
• Owner: JS-banana
• License: mit
• Created: 2021-05-19T02:29:57.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-23T05:49:28.000Z (over 3 years ago)
• Last Synced: 2024-08-11T11:57:34.050Z (3 months ago)
• Topics: cli, image, jpg, minify, nodejs, png, pngquant
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/image-minify-cli
• Size: 1.39 MB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
image-minify-cli

  


    

      

    

    

      

    

    

      

    

     

      

    

  





## 鸣谢

- [imagemin](https://github.com/imagemin/imagemin)

- [imagemin-cli](https://github.com/imagemin/imagemin-cli)

- [vite-plugin-imagemin](https://github.com/anncwb/vite-plugin-imagemin)

本项目参考了这几个库及实现思路 ，并以此为核心对功能进行了包装处理，以匹配自身业务需求。

## ✨ 描述

`image-minify-cli`可按照图片目录结构压缩输出相同结构。

```js

// 列如这种结构

// 最终输出目录也会是这种结构

// ——src

//   |——assets

//     |——logo.png

//     |——avatar

//        |——me.jpg

```

## 📦 安装

```shell

yarn add image-minify-cli -D

# or

npm install image-minify-cli -D

```

## 🚀 使用

### 配置

- 可开启（`log:true`）在压缩完成后是否生成日志`imagemin.log`方便查看。

- ***默认配置***：

  - 支持图片格式：`.{jpg,JPG,jpeg,JPEG,png}`

  - jpg压缩插件：`imagemin-jpegtran`

  - png压缩插件：`imagemin-pngquant`

  - 文件入口：当前目录下的 `./src/assets`

  - 文件出口：同入口（压缩完成后直接替换源文件）

### 使用方式

一.***以插件形式使用***

1. 根目录下创建 `imagemin.js` 文件

    ```js

    const imagemin = require("image-minify-cli")

    imagemin({ 

      quality: [0.3, 0.5], 

      input: "./src/asstes", 

      output: "./src" 

    })

    ```

2. 执行脚本

    `node imagemin.js`

二.***命令行使用***

*该功能需要全局安装，推荐先使用第一种方式*

```bash

# 1. 查看版本

imagemin -v

# 2. 查看版本

# 注意空格，编译结果为 [0.3,0.5] 

imagemin --quality 0.3 0.5 # --quality 可简写为 -q

# 3. 图片入口路径

# 注意路径写法

imagemin --input ./src/assets # --input 可简写为 -i

# 4. 图片入口路径。

# 图片出口路径

imagemin --output ./src/assets # --output 可简写为 -o

# 开始压缩

imagemin start

```

## ✅ Todo

- [x] 自定义配置

- [x] 命令行动态传参

- [ ] webpack插件plugin

## 👀 更新日志

- 2021.06.15：自定义配置、命令行动态传参