qq_39146122的博客

一、序言 渐进式图片加载，用低分辨率的模糊图片来做预览图，代替以前懒加载图片时用的 logo 占位图。预览图大小也在平均 2KB~3KB 之间，虽然 cdn 流量上有所增加，但用户体验却非常好。 二、准备工作 1.图片裁剪 多数 cdn 都会提供图片上传后裁剪的功能 node.js 有一个很好用的图片裁剪模块 gm 裁剪代码也很简单： // 1. 裁剪本地图片示例 const gm = require('gm') gm('./coding.jpg') .resize(20) .write('r.jpg',

参考链接：js批量打包下载图片 依赖包：FileSaver.js【下载文件】，JSZip【打包】 安装依赖： npm install file-saver --save npm install jszip --save 为了保证代码的复用性，故将打包下载过程封装成一个js zipDownImage.js import JSZip from 'jszip' import FileSaver from "file-saver" /** * * @class UnpackAndDownImage *