2026.10.14——by Everfades
鉴于笔者水平有限，部分表述可能不规范的书写，甚至存在纰漏，于此还望见谅，如果您有宝贵的意见或建议，请发邮件至:everfades1218@gmail.com或everfades@foxmail.com
希望大家能从这篇笔记中取得一些收获！
（⚠在使用Typora阅读前，请将文件→偏好设置→Markdown→内联公式 勾选上，以免显示出错！）
一.JPEG
简介
🔥JPEG是目前世界上使用最多的格式。因为在那个年代，当时存储和网络带宽昂贵，需要一种能高效压缩”连续色调”图片且全球通用的标准。因此在1986年，ISO 与 CCITT 成立联合专家组开始工作，1992年发布了 ISO/IEC 10918-1(ITU-T T.81)。联合专家组的英文是 Joint Photographic Experts Group ，所以就叫JPEG。
各种变体
🔥我们也经常见到像JPG，JPE这些变体，但其实这三者都是一样的，因为早期操作系统只允许三个字母的扩展名，所以只能砍掉一个字母。直到 Windows 95 引入 VFAT 长文件名，这个问题才得以解决。JPG 和 JPE 这两种写法纯属是大家自己各砍各的。
原理
🔥JPEG的核心是有损压缩，也就是说，他会把图像里颜色相近的色素合并，并抛弃掉一些微小的差异来实现让文件变小，代价是图像画质有所损失，但也换来了文件体积的大幅缩小。在日常生活中，浏览器的图片、截图、和手机上保存的图片
二.JFIF
简介
🔥刚刚提到的JPEG标准，只定义了压缩码流本身，但并没定义文件格式——颜色空间约定、分辨率信息、缩略图等都没有规定。因此，JFIF实际上并不是一种压缩算法，而是一个容器，是专门用于给JPEG图像添加信息的一种容器。
Eg
🔥比如DPI，也就是每英寸点数，这个信息决定了图像打印出来的物理尺寸，现在大多数的JPEG图片都是以JFIF存储的，只不过显示的时候还叫JPEG。
三.PNG
简介
🔥PNG 的研发于1995 年初启动，1996 年 10 月 1 日发布 1.0 规范，2003 年成为 ISO 标准。PNG 是第二大受欢迎的格式，其和 JPEG 最大的区别在于其支持透明度。在1994 年， Unisys 宣布对 GIF 使用的 LZW 算法专利收费，这引发了”烧掉所有 GIF”运动；同时社区也想突破 GIF 的 256 色限制。名字”PNG’s Not GIF”即源于此。
原理
🔥PNG 除了存储红绿蓝三种颜色的色值以外，还额外存了一个 Alpha 通道，它专门用于负责管理每个像素的透明度，而 JPEG 则没有这个功能。正因如此，当你把 PNG 转成 JPEG 后，原本透明的部分会变成白色。
🔥PNG的压缩是无损的，图像质量较高，但文件同时也较大，所以如果你想把图像细节保留清楚，或者需要透明背景，那就选择PNG格式。
四.BMP
简介
🔥BMP在1985年随Windows 1.0出现，全程是BitMap，也就是位图。在当时，Windows 需要一种极其简单的图像存储方式，保证图像在不同显示器、打印机上一致显示，因此诞生了BMP。
🔥BMP的特点是几乎不压缩图像，所以图像质量接近原始，但文件体积巨大，在1985到1996年之间很常用，但现在使用基本被淘汰了，目前主要用在一些工业设备和老旧的编程项目里
五.TIFF
简介
🔥TIFF是专门给印刷行业用的格式，这种图像格式的压缩率也极低，因此保留了非常高的图像质量，不过文件也很大。在文件大小和质量方面，它介于PNG和BMP之间
原理
🔥TIFF也支持透明图层，更厉害的是TIFF还可以一个文件包含多个图像，但缺点是规范庞大复杂，各软件实现兼容性参差，文件大，且浏览器不原生支持
六.GIF
简介
🔥为了让图片能在拨号调制解调器时代快速传输，且跨不同电脑平台显示，CompuServe 在 1978 年发布了GIF87a，1989年加入透明与动画。GIF 支持动画(帧延迟,循环)，简单图形体积小，兼容性极好，调色板内无损。
原理
🔥GIF 图不存RGB值，因为 GIF 只有 256 个颜色，需要把原图的各种颜色映射到这256个颜色上，透明度也在这一层：GIF89a 用 Graphic Control Extension 指定”某一个索引值 = 完全透明”。只有 1 bit——要么全透、要么全不透，没有半透明，所以 GIF 的透明边缘永远是锯齿。GIF 的文件大小取决于帧数，帧越多文件就越大
七.WEBP
简介
🔥网页图片在过去一直占网络流量大头，Google 想用一个格式同时替代 JPEG（有损）和 PNG（无损/透明），显著减小体积、加快网页加载。因此，Google 于 2010 年 9 月 30 日发布了webp（基于 VP8 视频编码的帧内压缩），2011 年加入无损模式，2013 年加入透明与动画。
🔥在同等质量下，WEBP 比 JPEG 小约 25–34%、比 PNG 小约 26%；透明、动画、元数据一个格式全包。但缺点是早期兼容差（Safari 直到 2020 年才支持，如今主流浏览器均已支持）；有损模式仅 8 bit、4:2:0 抽样；单边最大 16383 px；且不支持 CMYK.
原理
🔥WEBP的最大特点是同时支持有损和无损两种压缩方式，可以由用户自己选择，此外它既支持GIF格式的动画图像，也支持PNG一样的透明图层。
🔥Google一开始本来想用WEBP一次性代替PNG，JPEG和GIF三种格式，现如今在许多网站和GOOGLE服务里图片也已经默认用WEBP格式了。
🔥VP8 用左边、上边已经解码的像素预测当前整块，然后只编码”预测残差”。
🔥而JPEG 完全不做预测， 它把图切成 8×8 块，每一块独立做 DCT (离散余弦变换)，完全不管隔壁块长什么样。
为什么选择WEBP？
🔥2010 年，Google 花 1.246 亿美元收购 On2，拿到视频编码器 VP8，然后把 VP8 的帧内编码抽出来做成了图片格式。所以 WebP 有损压缩的本质是”用视频编码技术压图片“，这就是它比 JPEG 强的技术根源。
🔥WebP 无损压缩，是专门为图片量身定做的一套压缩方法；而 PNG、GIF 用的只是通用压缩算法，根本不知道自己在压缩图片。WebP 有14 种空间预测器,颜色去相关变换,颜色缓存（最近颜色哈希表）,LZ77 反向引用,熵编码收尾等技术,而 PNG 的 DEFLATE 和 GIF 的 LZW,是通用文本 / 二进制压缩工具，拿到数据只当成一串数字，完全不懂这串数字是图片像素，不会利用 “图片相邻像素接近、颜色重复” 这些图像独有的特点，所以压缩出来文件一般更大。这也是WebP体积更小的核心所在.
八.ICO
简介
🔥ICO 是windows 里面图标的专用格式,从1985年的 Windows1.0 一直用到现在,因此windows中每个桌面图标其实都是ICO图像
🔥它不仅支持透明度,还是无损压缩,但它的体积非常小,这是因为它的最大分辨率只有256*256像素,ICO文件最有意思的地方在于,可以在一个文件里放进多张不同尺寸的图,这样windows就会根据图标的位置显示不同大小的图像
九.SVG
简介
🔥SVG（Scalable Vector Graphics）是一种基于XML的二维矢量图形格式，由W3C（World Wide Web Consortium）制定。与基于像素的位图图像格式（如JPEG和PNG）不同，SVG图像由数学描述的形状、路径、文本和滤镜效果组成，这意味着它们可以无限放大而不失真，并且文件大小通常比位图图像小得多。
