IE6 PNG图片不透明的解决方案-tinypng

weixin_30739595

于 2015-08-31 15:02:00 发布

阅读量103

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shenggen/p/4773088.html

本文介绍如何利用Gulp库简化图片处理流程，通过安装gulp-imagemin和配置任务，实现在线压缩png和jpg图片，减少文件大小，提高网站加载速度。

https://tinypng.com/

把图片上传上去，就能处理这个问题啦。

纠正一下

再也不用把png图片一个个拖到TinyPNG进行在线压缩（和熊猫哥哥说再见了）；
再不用把JPG/JPEG图片拖 JPEGMini（这个软件花了$19.99购买）软件里面压缩

下面介绍一下gulp 来解决图片处理的问题 https://www.npmjs.com/package/gulp-imagemin/

$ npm install --save-dev gulp-imagemin

const gulp = require('gulp');
const imagemin = require('gulp-imagemin');
const pngquant = require('imagemin-pngquant');
 
gulp.task('default', () => {
	return gulp.src('src/images/*')
		.pipe(imagemin({
			progressive: true,
			svgoPlugins: [{removeViewBox: false}],
			use: [pngquant()]
		}))
		.pipe(gulp.dest('dist/images'));
});

转载于:https://www.cnblogs.com/shenggen/p/4773088.html