2026-10-17 【泛知碎藏】图像格式科普:一文看懂各类图片格式的起源、原理、优缺点与适用场景

2120 字
11 分钟
2026-10-17 【泛知碎藏】图像格式科普:一文看懂各类图片格式的起源、原理、优缺点与适用场景

我们在手机拍照、网页存图、截图设计时,总会遇见各式各样后缀的图片文件:JPG、PNG、GIF、WebP、HEIC、AVIF……很多人只知道后缀不同,却不清楚它们诞生的背景、设计初衷,选错格式会造成画质损耗、文件体积爆炸、透明背景丢失、上传平台不识别等一系列麻烦。本文从起源讲起,完整梳理主流图像格式。

JPG / JPEG#

起源#

JPEG 是联合图像专家组(Joint Photographic Experts Group)的缩写,这个组织在1986年成立,1992年正式发布JPEG标准。后缀名JPEG是完整名称,早期Windows操作系统只支持最多3个字符的文件扩展名,所以.jpeg被简写为.jpg,二者底层完全一致,只是后缀名写法不同。

原理#

采用有损压缩算法。算法会模拟人眼视觉特性,舍弃人眼不容易分辨的高频色彩、细节信息,以此大幅压缩文件大小。

优点#

  1. 兼容性天花板,几乎所有设备、浏览器、看图软件、手机都支持打开;
  2. 压缩效率优秀,照片体积小,方便网络传输、存储。

缺点#

  1. 属于有损压缩,每次修改、重新保存都会丢失图像细节,反复保存画质持续衰减;
  2. 压缩过度会出现块效应,放大后出现明显马赛克;
  3. 不支持透明通道。

适用场景#

生活纪实照片、朋友圈、社交平台配图、普通图片网络分享。不适合反复编辑的设计稿。

PNG#

起源#

90年代初,当时流行的GIF格式有版权专利限制,Unisys公司对GIF的LZW压缩算法收取专利费。为摆脱专利约束,1996年PNG(Portable Network Graphics,便携式网络图形)正式发布。PNG目标就是替代GIF,同时弥补GIF色彩差、不支持真彩色的缺陷。

原理#

无损压缩。压缩过程不会丢弃任何像素信息,文件解压后能100%还原原始图像。PNG分多个版本:PNG8(类似GIF,256色)、PNG24(真彩色)、PNG32(真彩色+透明Alpha通道)。

优点#

  1. 无损压缩,无论保存多少次,画质不会衰减;
  2. 支持Alpha透明通道,可以实现图片局部透明效果;
  3. 无专利版权限制,开源免费。

缺点#

同等画质下,文件体积远大于JPG,大图会占用大量存储空间。

适用场景#

Logo图标、网页截图、UI素材、抠图素材、需要透明背景的平面素材。不适合大容量照片存储。

GIF#

起源#

GIF(Graphics Interchange Format,图形交换格式),由CompuServe公司在1987年推出,最初设计目的是方便早期低速网络传输图片。1989年升级版本GIF89a,新增了多帧存储、循环播放功能,也就是我们现在看到的动图。

原理#

使用LZW无损压缩,单张图片最多只能存储256种颜色。动图原理是把多张独立图片打包在同一个文件,设置延迟时间循环播放。

优点#

支持循环动画,简单动图兼容性极强,几乎所有平台都能直接预览;

缺点#

色彩上限只有256色,色彩丰富的照片会出现严重色差、色带、颗粒感;压缩效率一般,高分辨率动图体积巨大。

适用场景#

网络表情包、简单线条动画、极简短循环动图。不适合照片类图像。

TIFF / TIF#

起源#

TIFF(Tagged Image File Format,标记图像文件格式),1986年由Aldus公司(后被Adobe收购)联合微软推出,面向专业印刷、扫描行业。后缀TIF是TIFF的简写,和JPG/JPEG逻辑一样。

原理#

是一种高度灵活的标签式图像容器格式,支持无损压缩,也可选有损压缩;支持8bit、16bit、32bit高色深,还可以在单个文件存放多页图像、多层图层。

优点#

最大限度保留原始图像细节,色深高,印刷色彩还原精准;支持多页文档。

缺点#

文件体积巨大,一张高清扫描图动辄几百MB;浏览器原生支持很差,不适合网络传输。

适用场景#

书籍扫描件、专业摄影后期存档、画册印刷、医学影像,专业图像归档。

BMP#

起源#

BMP(Bitmap),Windows原生位图格式,微软在1985年推出,是Windows系统最古老的图像格式。

原理#

几乎不做压缩,直接完整记录每一个像素的颜色信息,像素数据原样存放。

优点#

结构简单,读取速度快,不需要复杂解码,底层图像处理程序易于读写。

缺点#

完全没有压缩优化,文件体积极其庞大。一张1080P图片,BMP体积会远大于JPG、PNG。

适用场景#

早期Windows壁纸、底层图像处理程序调试;日常使用基本不推荐。

WebP#

起源#

WebP由谷歌在2010年发布,研发目标是降低网页图片加载流量,提升网站打开速度。当时网页大量使用JPG、PNG,文件体积偏大,移动端加载慢。

原理#

同时支持有损压缩、无损压缩,并且自带Alpha透明通道。有损模式下同等画质,体积比JPG小约30%;无损模式体积也优于PNG。

优点#

兼顾小体积、真彩色、透明通道,一张格式可以同时替代JPG和PNG两类图片。

缺点#

老旧软件、老旧浏览器、部分国产平台兼容性有限,部分看图软件早期版本不支持。

适用场景#

现代网站图片、网页素材,追求加载速度的线上配图。

HEIC#

起源#

HEIC(High Efficiency Image Container),由MPEG组织开发,苹果公司在iOS11开始将它作为iPhone手机默认照片格式,2017年正式普及。

原理#

基于HEVC视频编码衍生的图像封装格式,压缩算法比JPG先进很多。

优点#

同等画质下,体积只有JPG的一半;支持存储Live Photo动态帧、多连拍、深度信息。

缺点#

跨平台兼容性差,Windows、安卓旧版本、很多网页上传入口无法直接打开。

适用场景#

苹果设备本地照片存储。如果要发给Windows用户,建议导出转JPG。

AVIF#

起源#

AVIF(AV1 Image File Format),2019年标准化,基于开源免版权的AV1视频编码开发,是新一代图像格式,目标接替WebP。

原理#

复用AV1编码内核,支持有损、无损、高动态范围HDR、透明通道。

优点#

压缩效率是目前主流格式里第一梯队,同等画质体积比WebP还要更小,开源无专利费。

缺点#

编解码需要更高算力,老旧设备、部分看图软件不支持。

适用场景#

现代网站、HDR图片,属于下一代网页图像候选标准。

JFIF#

起源#

很多人会误以为JFIF是独立图片格式,其实不是。JPEG标准诞生初期,规范只定义了压缩码流,没有规定分辨率、像素长宽比、色彩标识等元数据。不同软件生成的JPG文件经常出现兼容性问题,JFIF就是为了解决这个问题诞生的封装规范。

原理#

JFIF是JPEG码流的包装容器,给原始JPEG数据附加统一的元数据标准。

作用#

统一图片分辨率、像素比例、色彩信息,保证不同软件打开同一张JPEG图片显示效果一致。

小提示#

浏览器保存图片经常出现.jfif后缀,底层图像数据就是JPG。遇到不支持JFIF的软件,直接重命名后缀改为.jpg即可正常打开。


图像格式选型总结#

  • 日常拍照、网络分享:JPG
  • 截图、Logo、需要透明素材:PNG
  • 表情包、简单循环动画:GIF
  • 网页图片,追求加载速度:WebP
  • 专业印刷、扫描存档、摄影精修:TIFF
  • iPhone本地拍照存储:HEIC
  • 前沿网站、HDR图像:AVIF
  • 底层调试、老Windows程序:BMP

补充小知识: 所有图像格式本质分为两类:容器格式和编码算法。JFIF是容器,不是编码;而JPG、PNG、WebP、AVIF,同时包含编码规则+容器封装。很多人混淆二者,也是网上图片格式科普最容易踩坑的地方。

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

2026-10-17 【泛知碎藏】图像格式科普:一文看懂各类图片格式的起源、原理、优缺点与适用场景

本文链接

https://study.aokana.cn/posts/2026-10-17-泛知碎藏-图像格式科普-一文看懂各类图片格式的起源-原理-优缺点与适用场景-176/
作者
乌冬面
发布于
2026-10-17
许可协议
CC BY-NC-SA 4.0
相关文章智能推荐
1
2026-09-14 【音色评估】项目拆解(一点五)前置基础知识全解
项目拆解系列定位:本系列共 5 篇文章(第 1 篇前置调研 → 第 2 篇环境跑通 → 第 3 篇代码拆解 → 第 4 篇调试改参 → 第 5 篇复盘沉淀)。 本篇是第 1 篇与第 2 篇之间的"知识补丁":第 1 篇告诉你"项目是什么",但里面出现的采样定理、STFT、梅尔刻度、Fisher 判别、ViT、MAE、BCE、mAP、ffbank、patch、AMP、DDP 等概念,如果基础不牢,第 2 篇
2
2026-10-25 【泛知碎藏】让真话更容易说出口:从六种聊天方法,理解一个人为什么愿意多说一点
泛知碎藏本文由 B 站创作者「站在外面的Q」的视频《话术博弈》如何优雅的套出对方的真心话?引出。下文保留视频的六条方法线索,研究证据、应用边界和综合讨论为补充延伸。除明确标注的原视频示例外,文中新增的日常情境与对话均为帮助理解而构拟,并非真实个案;真实研究会交代其研究对象与结论范围。 为什么越想问清楚 越容易听到场面话 “你到底怎么想的?”有时是一句关心,有时却像一张必须马上交卷的考卷。朋友说新工作“还
3
2026-10-20 【泛知碎藏】算法没有偷听你,它只是提前算出了你的下一步
泛知碎藏——从协同过滤、用户画像到信息流成瘾与动态定价,完整拆解推荐系统 本文以B站视频《老伙子们昨晚聚餐,在饭桌上给大家谈谈,推荐算法,怎么让你感觉在窃听你的喜好,又是怎么让你刷得停不下来》为主要叙事线索,BV号为 BV1S6pZ66EsX,视频时长约7分22秒;同名内容由账号“老头们的快乐生活”于2026年10月13日在抖音发布。视频通过一场老友聚餐,解释协同过滤、用户行为量化、探索与利用、动态定价
4
2026-10-04 【泛知碎藏】别再管所有弹窗都叫「弹窗」了|前端:弹窗与提示 12 术语网页演示
泛知碎藏转载整理:本文依据原视频:别再管所有弹窗都叫「弹窗」了整理,补充本站绘制的示意图、使用注意和网页演示。原内容版权归原作者。 “弹窗”在日常交流里很方便,但做界面时,最好说清楚:它在哪里出现、是否阻止背景操作、用户需要做什么、信息保留多久。 这里的 12 个词并不都是弹出的窗口:有些是页面内的提示,有些是加载状态或结果页。不同组件库的命名也会略有差异,下文帮助辨认常见用法,不把名称当成绝对规则。 先
5
2026-09-15 【泛知碎藏】人生回报率最高的事:培养一个输出型爱好
泛知碎藏你有没有过这样的体验:周末舒舒服服躺在沙发上刷了两天手机,什么重活都没干,到了周日晚上却觉得比连上五天班还要疲惫?你以为自己是在休息,实际上是在极其凶狠地消耗你的心理能量。这种“越休息越累”的现象,背后藏着一个被大多数人忽略的真相:长期被动接收信息,会给大脑带来持续的心理反噬。而打破这个死循环的答案,其实极其简单——去培养一个输出型爱好。 一、被投喂的人生:被动接收的隐形陷阱 我们这代人,醒着的大
随机文章随机推荐

一起讨论,一起进步

交流想法,也欢迎提出建议。

评论
游客发言

讨论区

评论加载中…

Profile Image of the Author
乌冬面
形而上学,不行退学。
bilibiliSteamMyGameBlog
公告
很难说这是个有用的网站。 或许会存放大量不明所以的东西。
分类
标签
最新动态
站点统计
文章
41
分类
9
标签
45
总字数
218,155
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Local
博客版本
Firefly v6.14.5
文章许可
CC BY-NC-SA 4.0