图片资源优化

在线网站进行图片压缩:
https://tinypng.com/
https://www.bejson.com/ui/compress_img/

vue项目工程配置进行图片压缩
cnpm i image-webpack-loader -D

//以在打包npm run build 的时候把图片体积进行压缩
chainWebpack: config => {
  		process.env.NODE_ENV === 'production' ? config.module
			.rule('images')
			.test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
			.use('image-webpack-loader')
			.loader('image-webpack-loader')
			.options({
				mozjpeg: {
					progressive: true,
					quality: 60
				},
				bypassOnDebug: true
			})
			.end() : null
  },

项目中，可以结合在线压缩和配置压缩来对项目中的图片体积进行压缩，来达到访问提速的效果。