我们都知道在“寸土寸金”的互联网时代，速度是第一竞争力, 虽然我们的5G发展已经摇摇领先， 但是也经不住用户在一个网页里传很多“巨无霸”图片

说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， JS 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传，文件上传后

Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack。

web系统中免不了要使用大量的javascript和css文件，如开源的javascript框架prototype、jquery、extjs-core等等，通常我们需要压缩js和css文件，那么压缩js和css有什么作用呢？

在 vue cli2 的项目中 找到 build/build.js，在webpack(webpackConfig, cb) 的 回调函数cb中添加；就会在webpack打包结束后将我们的打包出来的文件打包成zip包

随着前端的发展，特别是 React，Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 javascript 资源已是前端的主体资源，对于压缩它的体积至为重要

Nginx的ngx http .gzip_ module压缩模块提供对文件内容压缩的功能,允许Nginx服务器将输出内容在发送客户端之前进行压缩，以节约网站带宽，提升用户的访问体验，默认已经安装

我们知道现在，手机拍照在10MB左右，体积太大，在上传到服务器前，能不能只缩小图片的体积，而不改变图片尺寸？ 这里我们可以通过canvas实现对图片的重新绘制，已便达到图片压缩的效果。

在使用 HBase 的时候，为了节省数据的空间占用，通常我们会为 HBase 设置压缩属性。与其他的表级别属性一样，压缩设置也是针对具体列族进行设置的。HBase 创建表时默认压缩为 NONE ，即没有压缩，除非指定

团队开启了一个新项目，希望能在原来项目的工程化基础上再进一步，于是想到了图片自动压缩。这里的图片自动压缩并不是在webpack构建阶段压缩，而是在git commit的时候进行。

讲干货，不啰嗦，当涉及对图片有质量压缩要求的时候，可以使用Canvas实现图片压缩。步骤：1.获取img元素，既要压缩的图片2.创建canvas对象3.使用canvas的drawImage方法绘制图片

在php中，有时我们需要使用到压缩文件操作，压缩文件可以节省磁盘空间；且压缩文件更小，便于网络传输，效率高，下面我们就来了解php的压缩解压相关操作

正常情况下，如果我们配置生成环境，webpack会自动帮js压缩，必须配置--mode=production，但是如果我们要把css也压缩的话，问题就来了，css压缩

Gzip是一种流行的文件压缩算法，现在的应用十分广泛，尤其是在Linux平台,Gzip在现代浏览器中默认都是支持的，当一个纯文本文件使用Gzip压缩可以减少70％以上的文件大小，本文讲解了如何开启Apache平台上的Gzip压缩功能

TS语言的Laya项目里，要用typescript对压缩过的文件解压缩。文件是AS3写的工具导出的。下载找到的zlib.js或zlib.min.js文件，自己编写zlib.min.d.ts文件，代码如下：