有损压缩

通过将图像转换为更有效的8-bit PNG格式 ， pngquant 是一个 PNG compresor，它可以将图像转换为更有效的PNG格式。 压缩图像完全符合标准，所有浏览器和操作系统都支持它。 用法 多个文件的批处理转换： pngquant *.png unix样式标准标准/标准链接： ... | pngquant - |.. . 要进一步减小文件大小，请尝试 optipng ImageOptim或者 zopflipng。 特性 高品质调色板生成 支持伽玛校正和 premultiplied alpha的高级量化算法 独特的抖动算法，不会向图像添加不必要的噪声 可以配置的质量级别 自动查找所需数量的颜色，并可以跳过无法转换为所需质量的图像 快速，现代代码 基于端口 libimagequant库 对于遗留系统或者编译器( 除了 Visual Studio 之外 ) 没有任何解决方法 多核支持( 通过 OpenMP ) 和英特尔SSE优化 命令行选择： pngquant -h 查看所需参数 --quality min-max min 和 max 是 0 ( 最差) 至 100 ( 完美)的数字，类似于 JPEG。 pngquant将使用满足或者超过 max 质量要求的最少数量的颜色。 如果转换结果以质量低于 min 质量，图像将不会保存( 如果输出到 stdin，24-bit

压缩 1.压缩的概念 1）压缩的目的： 在网络传递文件时，可以先将文件压缩，然后传递压缩后的文件，从而减少网络带宽。 接受者接受文件后，解压即可。 2）压缩的类型 有损压缩、无损压缩。 a)有损压缩： 如mp4视频文件，即使压缩过程中，减少了很多帧的数据， 对观看者而言，也没有影响。当然mp3音乐文件也是有损压缩。 b)无损压缩： 如普通文件的压缩，为了保证信息的正确传递， 不希望文件经过压缩或解压后，出现问题。 2.linux下常用的压缩命令 小节： 单个文件的压缩(解压)使用gzip 和bzip2 多个文件和目录使用tar gzip的常用选项 -l(list) 列出压缩文件的内容 -k(keep) 在压缩或解压时，保留输入文件。 -d(decompress) 将压缩文件进行解压缩 1）查看 gzip -l 压缩文件名 比如：gzip -l pwd.1.gz 2）解压 gzip -kd 压缩文件名 比如：gzip -kd pwd.1.gz 该压缩文件是以.gz结尾的单个文件 3）压缩 gzip -k 源文件名 比如：gzip -k mypwd.1 得到了一个.gz结尾的压缩文件 注意： 1）如果gzip不加任何选项，此时为压缩，压缩完该文件会生成后缀为.gz的压缩文件， 并删除原有的文件，所以说，推荐使用gzip -k 来压缩源文件。 2）相同的文件内容，如果文件名不同

前言 随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。 有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这篇文章就是让你明白如何选择正确的图片，并且让你明白这么多图片格式，在什么场景下使用什么格式，如果想看答案，那么直接滑到文末看图即可。 基本概念 在进入正题之前，先聊聊一些图片相关的基本概念。 一张照片（位图）不断放大之后，会看到一个个小格子，这些小格子，叫像素。 一个格子（像素），在计算机中，用二进制来表示，使用的二进制位数越多，像素的色彩就越丰富。 举个🌰，如果一个像素用一位二进制数表示，能有多少种颜色呢？ 两种，一个二进制位，要不放 0（表示黑色），要不放 1（表示白色） 下图展示了一个像素二进制的位数最多可以展示多少种颜色。 在对图片有了基本的了解之后，接下来对图片进行分下类，有利于理解各种格式图片的特点。 根据图的类型分类 点阵图(位图) 矢量图 位图(点阵图) 位图，也叫做点阵图，像素图。构成点阵图的最小单位是像素，位图就是由像素阵列的排列来实现其显示效果的， 每个像素有自己的颜色信息 ，在对位图图像进行编辑操作的时候，可操作的对象是每个像素，我们可以改变图像的色相、饱和度、透明度，从而改变图像的显示效果。

格式 特点 bmp 无压缩，放大后失真 jpg/jpeg 有损压缩，压缩比越大，压缩后的图像质量差 gif 支持无损压缩。可以实现动画效果 png 多用于网页中的图标设计；支持无损压缩，8位/像素（同时支持24位、48位真彩色），支持透明效果； svg 矢量图片，随意改变大小，不改变图像质量；属于XML文件，可使用gzip将其压缩得很小；可使用css定义颜色大小 webp 图片体积小，质量好，支持无损和有损压缩，动态化（表情包） 来源： https://www.cnblogs.com/ceceliahappycoding/p/11406221.html