# imagemin

**Repository Path**: www.hgj.com/imagemin

## Basic Information

- **Project Name**: imagemin
- **Description**: 这是一个grunt开发流程进行jpg/png/gif图片资源压缩的demo
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2014-12-21
- **Last Updated**: 2022-11-21

## Categories & Tags

**Categories**: image-processing

**Tags**: None

## README

#imagemin

如果按正常的方法安装 imagemin 插件
	cd imagemin
	npm install grunt-contrib-imagemin --save-dev
	会出现jpg无法压缩的问题。
解决grunt-contrib-imagemin无法压缩jpg格式的问题:
	1.首先，在package.json文件中增加"jpegtran-bin": "0.2.0",必须写在grunt-contrib-imagemin依赖声明之前。注意，增加的版本号不需要"~"哦！
	2.然后删掉本地的node_modules目录，重新安装。
	3.再次启动grunt任务命令，.jpg格式的图片全部可以压缩了。very nice！

注意更新使用grunt-contrib-imagemin的0.4.1 版本，因为最新版的会有同样问题

使用前说的话：
Photoshop 切出的图片，无论是 PNG 还是 JPEG/JPG 格式，都含有许多相关信息，又或多余的颜色值，这些信息和颜色值，对网页前端并没有用处，反而增加图片大小，所以 Google Pagespeed 最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台) 对 jpeg/jpg 图片进行无损压缩，如果是 PNG 格式，则使用 OptiPNG 或 PNGOUT 压缩。减小图片大小，就可以减少用户下载的文件大小，加快页面访问速度。

不过上面提到的几个工具都不容易操作。又或者我们可以借助 Yahoo 提供的在线压缩图片工具 Smush.it，但据 Google Pagespeed 报告，smushit 压缩过的图片仍有压缩空间 – 目前我还不知道该听谁的。Google Pagespeed 敢揽瓷器活，当然有金刚钻，如果我们安装有它的浏览器插件，就可以定义优化后的文件保存位置，但这些文件名称很长，需要我们再处理，则 Google 的用意又让人费解了。

jpegtran/jpegoptim/OptiPNG/PNGOUT 当然是理想的压缩工具，只是操作不太方便，又有跨平台问题。但使用 Grunt.js 的话，我们就可以借助它的插件 Grunt-contrib-imagemin，imagemin 封装 jpegtran/OptiPNG 功能，可以批量、无损压缩图片大小。