Zopfli

PNGs generated with gulp using imageminPngquant + imageminZopfli don't work on MacOS Safari

由 南楼画角 提交于 2019-12-25 01:49:11
问题 I have the following gulp code for png minification: function images() { return gulp.src([folder.preimages+'/**/*.png']) .pipe(cache(imagemin([ //png imageminPngquant({ speed: 1, quality: [0.95, 1] //lossy settings }), imageminZopfli({ more: true // iterations: 50 // very slow but more effective }) ]))) .pipe(gulp.dest(folder.public_img)); } The end result is a very nicely compressed png with a low file size. It works fine on Edge, Chrome, Firefox, but when I try to open it on MacOS Safari it

优化包大小-PNG部分

由 浪子不回头ぞ 提交于 2019-12-06 14:56:18
背景 PNG 图片相对于 JPEG 图片来说，它是一种无损的图像存储格式，同时多了一条透明度通道，所以一般情况下，PNG 图片要比 JPEG 图片要大，并且 PNG 图片往往还是 APK 图片资源中的大头，所以优化 PNG 图片的大小，对于减小包的体积来说，是比较有回报的事情。 关于 PNG 的 wiki： 便携式网络图形 （英语： P ortable N etwork G raphics， PNG ）是一种 无损压缩 的 位图 图形格式，支持索引、 灰度 、 RGB 三种颜色方案以及 Alpha通道 等特性。 关于 JPEG 的 wiki： 联合图像专家小组 （英语： J oint P hotographic E xperts G roup，缩写： JPEG ）是一种针对照片影像而广泛使用的 有损压缩 标准方法。 常用的压缩算法 关于 PNG 的压缩算法有很多，这里我们只说两种比较常用的： Indexed_color 和 Color_quantization 。这两种也是 Google 在 Android 开发者网站上推荐的，具体可以看 network-xfer 。 下面我们会简单说下这两种算法的大概原理，更深入的知识请移步 Google 或者 Wiki。 Indexed_color 字面意思就是索引颜色，通过将具体的 ARGB 颜色存储转换成索引下表，来减少文件的大小。我们知道

优化包大小-PNG部分

由 二次信任 提交于 2019-12-06 13:38:30
背景 PNG 图片相对于 JPEG 图片来说，它是一种无损的图像存储格式，同时多了一条透明度通道，所以一般情况下，PNG 图片要比 JPEG 图片要大，并且 PNG 图片往往还是 APK 图片资源中的大头，所以优化 PNG 图片的大小，对于减小包的体积来说，是比较有回报的事情。 关于 PNG 的 wiki： 便携式网络图形 （英语： P ortable N etwork G raphics， PNG ）是一种 无损压缩 的 位图 图形格式，支持索引、 灰度 、 RGB 三种颜色方案以及 Alpha通道 等特性。 关于 JPEG 的 wiki： 联合图像专家小组 （英语： J oint P hotographic E xperts G roup，缩写： JPEG ）是一种针对照片影像而广泛使用的 有损压缩 标准方法。 常用的压缩算法 关于 PNG 的压缩算法有很多，这里我们只说两种比较常用的： Indexed_color 和 Color_quantization 。这两种也是 Google 在 Android 开发者网站上推荐的，具体可以看 network-xfer 。 下面我们会简单说下这两种算法的大概原理，更深入的知识请移步 Google 或者 Wiki。 Indexed_color 字面意思就是索引颜色，通过将具体的 ARGB 颜色存储转换成索引下表，来减少文件的大小。我们知道
订阅 Zopfli