# gulp-img-compress

**Repository Path**: lastwish/gulp-img-compress

## Basic Information

- **Project Name**: gulp-img-compress
- **Description**: gulp图片压缩工具，只需将图片全部放入src，然后执行`gulp`即可。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-08-08
- **Last Updated**: 2022-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# gulp-img-compress

### 介绍
gulp图片压缩工具，只需将图片全部放入src，然后执行`gulp`即可。

### 使用说明


#### node环境安装
需要依赖node v10.16.3，安装方法如下：
1. 下载安装包，下载地址为：[https://nodejs.org/dist/v10.16.3/node-v10.16.3.pkg](https://nodejs.org/dist/v10.16.3/node-v10.16.3.pkg)，双击安装。  
   安装好之后可以打开终端，输入 `node -v` 回车，看是否输出：`v10.16.3` ，如果正常输出，node便安装成功了。
2. 将`npm`源地址改为淘宝镜像地址，以加快后安装速度，执行命令：  
   `npm set registry https://registry.npm.taobao.org/`
3. 全局安装`gulp`，执行命令：
   `npm i -g gulp`
以上三步便安装好了本地node环境。

#### 下载压缩包
[https://gitee.com/lastwish/gulp-img-compress/blob/master/gulp-img-compress.zip](https://gitee.com/lastwish/gulp-img-compress/blob/master/gulp-img-compress.zip)，完成后双击解压。

#### 执行压缩
1. 左键选中解压缩后的 `gulp-img-compress` 文件夹，按快捷键 `option+cmd+c` 复制完整路径，例如：`/Users/zks/Downloads/gulp-img-compress`
2. 打开一个终端，执行以下命令：
   `cd /Users/zks/Downloads/gulp-img-compress` 回车。
3. 再执行以下命令：
   `gulp`
4. 查看生成的dist目录，里面即为压缩后的图片。

#### 图片压缩级别调整
如果想调整图片压缩质量，可通过调整gulpfile.js中的对应参数来控制压缩的级别。