8 种图片格式一次讲清

不用背规范,只要知道每种格式是为解决什么问题而生的,就能判断该用哪个。

JPG —— 为照片而生

1992 年由联合图像专家组发布,名字就来自这个组织(JPEG)。它用有损压缩把照片压到很小,代价是丢掉一些肉眼不太敏感的细节,而且不支持透明。三十年过去,它仍然是兼容性最好的图片格式——没有之一。

用它:照片、商品图、要发给别人的文件。

PNG —— 为无损和透明而生

1996 年出现,最初是为了绕开当时 GIF 的专利问题。它用无损压缩,画质永远不衰减,还带完整的透明通道。缺点是体积,尤其是照片这类色彩复杂的图。

用它:截图、Logo、带透明的素材、需要反复编辑的图。

GIF —— 活得最久的动图

1987 年诞生,比万维网还早。它最多只能表现 256 种颜色,动画效果也很原始,但它有一个别人都比不了的优势:什么都能打开,包括几十年前的软件。

用它:聊天表情、短循环动图。其他情况优先考虑动图 WebP。

BMP —— 最直白的格式

Windows 早期的原生位图格式,几乎不压缩——每个像素老老实实存下来。所以画质绝对原始,体积也绝对惊人(一张 1920×1080 的 BMP 是 6 MB 左右)。

用它:老旧软件、工业设备、打印扫描流程。网页上基本用不到。

SVG —— 用代码画的图

它不是位图,而是用 XML 描述的矢量图形:「在坐标 (50,50) 画一个半径 40 的圆」。所以放大一万倍也不糊,文件通常只有几 KB,还能用文本编辑器改颜色和文字。

用它:图标、Logo、插画、图表、地图。

WebP —— 为网页而生

2010 年 Google 推出,目标很明确:让网页图片更小。同画质下通常比 JPG 小 25%~35%,比 PNG 小得多,而且同时支持透明和动图。现在所有主流浏览器都支持它。

唯一的短板是软件生态:一部分老版本桌面软件打不开它。这也是为什么WebP 转 JPG这个需求一直存在。

用它:网站配图、App 素材、任何在意加载速度的场合。

AVIF —— 目前压缩率之王

基于 AV1 视频编码技术,2019 年推出。同画质下比 WebP 还能再小 20%~50%,也支持透明和 HDR。代价是编码慢,而且老设备和老浏览器打不开。

用它:追求极致体积的网站图片。现在尚未普及,适合作为渐进增强——给支持的浏览器发 AVIF,其他浏览器发 WebP。

ICO —— 图标专用

Windows 的图标格式,最大的特点是一个文件里能装多个尺寸。浏览器标签页读 16×16 的那张,桌面快捷方式读 256×256 的那张,各取所需。网站根目录的 favicon 用的就是它。

用它:网站 favicon、Windows 程序图标。做法见favicon 制作指南。

速查:什么情况用什么

照片,放网页WebP
照片,发给别人JPG
截图 / Logo / 要透明PNG 或 WebP
图标 / 插画 / 图表SVG
网站图标ICO
聊天动图GIF
老软件只认一种格式BMP
追求极限体积AVIF

需要在这几种格式之间互转,直接用转换工具即可——本地完成,不上传文件。