常见图片格式总结

以下是主流图片格式的对比，以及如何通过文件头签名或工具准确区分它们。

1. 位图格式（像素组成）

(1) JPEG/JPG

• 特点：
• 有损压缩，文件小，适合照片。
• 不支持透明背景。
• 多次编辑会降低画质。
• 应用：网页图片、摄影、社交媒体。
• 文件头：FF D8 FF（ÿØÿ）

(2) PNG

• 特点：
• 无损压缩，画质高，文件较大。
• 支持透明背景（Alpha通道）。
• 适合图形、文字截图。
• 应用：Logo、UI设计、网页透明元素。
• 文件头：89 50 4E 47（.PNG）

(3) GIF

• 特点：
• 支持动画（最多256色）。
• 透明背景（但边缘锯齿明显）。
• 文件小，适合简单动图。
• 应用：表情包、简单动画、低色彩图形。
• 文件头：47 49 46 38（GIF8）

(4) WEBP

• 特点：
• Google开发，比JPEG/PNG更小。
• 支持有损/无损压缩 + 透明 + 动画。
• 应用：网页优化（Chrome推荐）。
• 文件头：52 49 46 46 ... 57 45 42 50（RIFF...WEBP）

(5) TIFF

• 特点：
• 无损，文件极大，专业用途。
• 支持多图层、高色深。
• 应用：印刷、医学影像、存档。
• 文件头：49 49 2A 00 或 4D 4D 00 2A

(6) BMP

• 特点：
• 无压缩，文件极大。
• Windows 原生位图格式。
• 应用：极少，旧系统兼容。
• 文件头：42 4D（BM）

2. 矢量格式（数学路径描述）

(1) SVG

• 特点：
• 基于XML，无限缩放不失真。
• 文件小，可编辑代码。
• 应用：网页图标、矢量图形、地图。
• 识别方法：文本文件，开头通常是 <?xml 或 <svg。

(2) EPS/AI

• 特点：
• Adobe Illustrator 专用格式。
• 支持复杂矢量设计。
• 应用：印刷、品牌设计。
• 文件头：25 21 50 53（%!PS，PostScript）

3. 如何区分图片格式？

方法 1：查看文件头（最准确）

工具： - Windows/macOS：HxD（Hex编辑器）、file 命令（终端）。
- 在线检测：Filext、HexEd.it。

方法 2：使用 file 命令（Linux/macOS）

file 图片.jpg  # 直接返回真实格式

示例输出：

图片.jpg: JPEG image data, progressive, precision 8, 1920x1080, components 3

方法 3：修改后缀测试

• 如果改后缀后打不开，说明格式不对（如 .jpg 改成 .png）。
• 但文件头不会骗人，建议优先用 Hex 检测。

总结（选格式指南）

关键点： - 后缀名可能造假，文件头才是真相！
- JPG 适合照片，PNG 适合图形，SVG 适合矢量。
- WEBP 是未来趋势（更小+透明+动画）。

用对格式，图片更小、更清晰、加载更快！ 🚀