.JPEG檔案結構解析

更新 發佈閱讀 10 分鐘

JPEG(副檔名常見為 .jpg / .jpeg)其實不是單純「一張圖片」,而是一種具有區段(segment)結構的二進位檔案格式。

它由許多「Marker(標記)」組成,每個區段都有自己的用途。


JPEG 檔案的整體結構

典型 .JPG 檔案:

SOI
├── APP0 (JFIF)
├── APP1 (Exif)
├── DQT
├── SOF0
├── DHT
├── SOS
│ └── 壓縮影像資料
└── EOI

一、JPEG 的核心概念

JPEG 是:

  • 有損壓縮(Lossy Compression)
  • 以 8×8 區塊進行 DCT(離散餘弦轉換)
  • 使用 Huffman Coding 壓縮

因此:

.jpg 本質上是:

「壓縮後的頻率資料 + 色彩資訊 + 解碼表」

而不是直接存像素。


二、JPEG 檔案由 Marker 組成

每個區塊前面都有:

FF xx

其中:

  • FF = 固定開頭
  • xx = Marker 類型

例如:

vocus|新世代的創作平台

三、JPEG 最重要的區段


1. SOI(Start Of Image)

檔案開頭:

FF D8

代表:

「這是一個 JPEG 檔」

沒有長度欄位。

這是 JPEG 的「身分證」。如果您在 HxD 中開啟圖片,前兩個位元組一定是 FF D8。如果不是,這張圖片可能損壞或格式不符。


2. APP0(JFIF)

應用程式資訊,通常包含 "JFIF" 字串、版本、解析度:

FF E0

內容:

JFIF
版本
像素密度
縮圖資訊

這是 JPEG 的標準封裝。


3. APP1(Exif)

通常:

FF E1

這是數位相機最重要的 metadata。

包含:

  • 拍攝時間
  • 相機型號
  • GPS
  • 快門
  • 光圈
  • ISO

例如:

Canon EOS R5
f/2.8
1/250 sec
ISO 800

4. DQT(量化表)

Marker:

FF DB

JPEG 壓縮的核心之一。

量化表,定義壓縮品質,通常會有兩個(亮度與色度)。


JPEG 為何能壓縮?

因為:

高頻細節會被「量化」。

例如:

原始 DCT:
52 3 1 0

量化後:
13 1 0 0

高頻資訊被捨棄。


量化表決定:

  • 畫質
  • 壓縮率
  • 模糊程度

四、SOF0(Start Of Frame)

Marker:

FF C0

包含:

vocus|新世代的創作平台

影格開始,定義圖片寬高、顏色分量(如 YCbCr)。

這相當於圖片的「規格表」,在此區段中,您可以找到以下資訊:

  • 精確度:通常是 8-bit。
  • 高度與寬度:以 2 位元組表示。例如寬度 1024 會存成 04 00
  • 顏色分量:通常為 3(代表 YCbCr 或是 RGB)。

例如:

1920 × 1080
YCbCr

五、DHT(Huffman Table)

Marker:

FF C4

霍夫曼表,定義如何對壓縮後的數據進行編碼。

JPEG 使用:

Huffman Coding

將常見數值用較短 bit 表示:

vocus|新世代的創作平台

因此檔案更小。


六、SOS(Start Of Scan)

Marker:

FF DA

掃描開始,後面緊接著的就是真正的圖片二進位數據。

這是檔案中體積最大的部分。標記 FF DA 之後,就是經過離散餘弦變換 (DCT)霍夫曼編碼處理過的像素資料。

注意:這部分的資料如果出現 0xFF,為了避免被誤認為新標記,編碼器會自動在後面補一個 0x00(稱為 Byte Stuffing)。


SOS 後面的資料

包含:

  • MCU blocks
  • DCT coefficients
  • Huffman bitstream

這是整張圖真正的內容。


七、EOI(End Of Image)

檔案結尾:

FF D9

檔案結束,所有 JPEG 必須以此結尾。

八、JPEG 二進位實例

一個最小 JPEG:

FF D8          ; SOI

FF E0 ; APP0
00 10
4A 46 49 46 ; JFIF

FF DB ; DQT

FF C0 ; SOF0

FF C4 ; DHT

FF DA ; SOS
...壓縮資料...

FF D9 ; EOI

九、JPEG 的數學核心

JPEG 壓縮流程:

RGB

YCbCr

色度抽樣

8×8 Block

DCT

Quantization

ZigZag Scan

Run-Length Encoding

Huffman Coding

十、DCT(離散餘弦轉換)

JPEG 最核心數學。

它把:

像素空間

轉成:

頻率空間

8×8 區塊

每個區塊:

8×8 pixels

會轉成:

8×8 frequency coefficients

低頻 vs 高頻

左上角:

低頻(輪廓)

右下角:

高頻(細節)

JPEG 會:

保留低頻

丟棄高頻

因此人眼不易察覺。


十一、ZigZag Scan

DCT 後:

8×8 matrix

會被:

Z 字形掃描

原因:

高頻通常很多 0。

方便:

  • Run-Length Encoding
  • Huffman

十二、YCbCr 色彩空間

JPEG 不直接用 RGB。

而使用:

Y  = 亮度
Cb = 藍色差
Cr = 紅色差

原因:

人眼對亮度較敏感。

因此:

  • Y 保留較多
  • Cb/Cr 可降低解析度

十三、色度抽樣(Chroma Subsampling)

例如:

4:4:44:2:24:2:0

最常見:

4:2:0

代表:

色彩解析度只有亮度的 1/4。

但肉眼不太容易發現。


十四、Baseline JPEG / Progressive JPEG


Baseline JPEG

一般 JPG:

由上到下解碼

Progressive JPEG

先模糊:

逐步清晰

網頁常用。


十五、JPEG 的限制


1. 有損壓縮

每次重新存檔:

畫質下降

2. 不適合文字

因為:

高頻邊界容易模糊。


3. 不支援透明

JPEG 沒 Alpha Channel。


十六、JPEG vs PNG

vocus|新世代的創作平台

十七、如何手動解析 JPG?

可用:

  • Hex Editor
  • Python
  • C
  • ExifTool

Python 範例

with open("test.jpg", "rb") as f:
data = f.read()

print(data[:20].hex())
若看到:
ffd8ffe0

就是 JPEG。


十八、JPEG 為何能成為歷史霸主?

因為它在:

畫質 / 體積

之間取得極佳平衡。

尤其適合:

  • 數位相機
  • 網頁照片
  • 手機圖片

即使今天有:

  • WebP
  • AVIF
  • HEIC

JPEG 仍是世界最普及圖片格式之一。


十九、JPEG 的資訊理論本質

JPEG 本質其實是:

人類視覺系統模型

它利用:

  • 人眼不敏感高頻
  • 人眼較不敏感色差

來「有選擇地丟資訊」。

因此 JPEG 不是純數學壓縮:

而是:

心理視覺壓縮(Psychovisual Compression)

二十、JPEG 檔案結構總結

JPEG
├── Metadata
│ ├── JFIF
│ └── EXIF

├── Quantization Tables

├── Huffman Tables

├── Frame Information

├── Scan Data
│ ├── DCT
│ ├── ZigZag
│ ├── RLE
│ └── Huffman Bitstream

└── End Marker

整個 .jpg 檔:

其實是一套「如何重建影像」的壓縮說明書。

二十一、實戰練習:在 HxD 中查看

您可以試著用 HxD 開啟 .jpg/.jpeg 圖檔,觀察以下細節:

  1. 開頭驗證:確認 Offset 0FF D8
  2. 尋找內容資訊:在 HxD 右側的字元區,您通常會看到 JFIF(在 FF E0 段落)。
  3. 末端驗證:捲動到檔案最下方,確認最後兩個位元組是 FF D9

二十二、常見問題:JPG vs JPEG?

結構上完全一樣。這純粹是歷史遺留問題:早期 Windows(DOS 時代)副檔名只能有三個字元,所以使用 .jpg;而 Unix 系統則使用較完整的 .jpeg

這張命盤圖檔中存儲的是靜態視覺資訊,如果檔案結構在 SOS 段落受損,圖片就會出現色彩偏移或破裂的現象。



留言
avatar-img
sirius數字沙龍
23會員
524內容數
吃自助火鍋啦!不要客氣,想吃啥,請自行取用!
sirius數字沙龍的其他內容
2026/05/14
HxD 下載 如果想要深入研究 PE 檔案結構或是查看 JPEG 的標記(Marker),HxD 是一款非常經典且強大的十六進位編輯器(Hex Editor)。它不僅免費、輕量,而且功能齊全,是逆向工程與檔案分析的入門首選。 以下是針對您先前的檔案結構(PE、JPEG)的 HxD 教學:
Thumbnail
2026/05/14
HxD 下載 如果想要深入研究 PE 檔案結構或是查看 JPEG 的標記(Marker),HxD 是一款非常經典且強大的十六進位編輯器(Hex Editor)。它不僅免費、輕量,而且功能齊全,是逆向工程與檔案分析的入門首選。 以下是針對您先前的檔案結構(PE、JPEG)的 HxD 教學:
Thumbnail
2026/05/14
實務小撇步 如果你想親自觀察這些結構,推薦使用以下工具: PE-bear: 介面非常直覺,適合視覺化查看各個標頭的內容。 CFF Explorer: 功能強大,適合修改 PE 檔案的欄位。 Dumpbin (VS 內建): 指令列工具,適合快速確認檔案資訊。 你想嘗試寫一段程式碼來解析特定
Thumbnail
2026/05/14
實務小撇步 如果你想親自觀察這些結構,推薦使用以下工具: PE-bear: 介面非常直覺,適合視覺化查看各個標頭的內容。 CFF Explorer: 功能強大,適合修改 PE 檔案的欄位。 Dumpbin (VS 內建): 指令列工具,適合快速確認檔案資訊。 你想嘗試寫一段程式碼來解析特定
Thumbnail
2026/05/14
這張圖片的檔案格式為 JPEG (Joint Photographic Experts Group)。針對上傳的這張圖檔,其底層的二進位結構(Binary Structure)主要遵循 JFIF (JPEG File Interchange Format) 標準。 如同 PE 檔案有其特定的標頭
Thumbnail
2026/05/14
這張圖片的檔案格式為 JPEG (Joint Photographic Experts Group)。針對上傳的這張圖檔,其底層的二進位結構(Binary Structure)主要遵循 JFIF (JPEG File Interchange Format) 標準。 如同 PE 檔案有其特定的標頭
Thumbnail
看更多
你可能也想看
Thumbnail
本文介紹了德國裔美國籍抽象表現主義、抽象藝術家漢斯 . 霍夫曼的心理藝術理論、色彩理論和他獨特的藝術手法如何也應用及影響了 Inside Out 角色的設計和情感展現。透過對霍夫曼的作品的解讀,進而討論瞭如何運用色彩激發情感的重要性。
Thumbnail
本文介紹了德國裔美國籍抽象表現主義、抽象藝術家漢斯 . 霍夫曼的心理藝術理論、色彩理論和他獨特的藝術手法如何也應用及影響了 Inside Out 角色的設計和情感展現。透過對霍夫曼的作品的解讀,進而討論瞭如何運用色彩激發情感的重要性。
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
你是否曾幻想過,自己擁有某種超能力? 一大片模糊的霧氣悄然湧來,耳畔響起低低的嗡鳴——「嗡……嗡……嗡……」 有人用心靈感應,讀懂了你。 有人用最後的呼吸,替你說了再見。 這是一個關於超能力、愛,與告別的故事。 《巷子裡的霍夫曼》
Thumbnail
你是否曾幻想過,自己擁有某種超能力? 一大片模糊的霧氣悄然湧來,耳畔響起低低的嗡鳴——「嗡……嗡……嗡……」 有人用心靈感應,讀懂了你。 有人用最後的呼吸,替你說了再見。 這是一個關於超能力、愛,與告別的故事。 《巷子裡的霍夫曼》
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
霍夫曼公關台灣總經理楊皓文表示:「這次『Visa 永續旅人 串連共好』專案體現了社會與環境的永續共好,評審的肯定也證明台灣團隊出色的協作與溝通能力,更彰顯出與客戶的通力合作將創造雙贏的夥伴關係。」
Thumbnail
霍夫曼公關台灣總經理楊皓文表示:「這次『Visa 永續旅人 串連共好』專案體現了社會與環境的永續共好,評審的肯定也證明台灣團隊出色的協作與溝通能力,更彰顯出與客戶的通力合作將創造雙贏的夥伴關係。」
Thumbnail
致力於高科技公關顧問服務的霍夫曼公關顧問公司(The Hoffman Agency)今日宣布延攬首位「全球商務長(Chief Global Officer)」,並由亞太區總裁許佳齡(Caroline Hsu)升任
Thumbnail
致力於高科技公關顧問服務的霍夫曼公關顧問公司(The Hoffman Agency)今日宣布延攬首位「全球商務長(Chief Global Officer)」,並由亞太區總裁許佳齡(Caroline Hsu)升任
Thumbnail
Disney/Pixar 電影《玩轉腦朋友 (Inside Out)》是一部充滿橫跨文化的情感色彩作品,介紹韋莉(Riley)的心理世界中的五個情感化身。本文分享了這些情感角色背後的設計理念以及和漢斯 .霍夫曼的色彩理論的關聯。下篇文章將深入分享霍夫曼的心理藝術理論。
Thumbnail
Disney/Pixar 電影《玩轉腦朋友 (Inside Out)》是一部充滿橫跨文化的情感色彩作品,介紹韋莉(Riley)的心理世界中的五個情感化身。本文分享了這些情感角色背後的設計理念以及和漢斯 .霍夫曼的色彩理論的關聯。下篇文章將深入分享霍夫曼的心理藝術理論。
Thumbnail
深耕高科技公關顧問服務的霍夫曼公關(The HoffmanAgency)屢獲國際獎項認可,於 2024 年最具影響力的亞洲公關大獎 PR Awards Asia 中橫掃年度活動獎項。
Thumbnail
深耕高科技公關顧問服務的霍夫曼公關(The HoffmanAgency)屢獲國際獎項認可,於 2024 年最具影響力的亞洲公關大獎 PR Awards Asia 中橫掃年度活動獎項。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
那天在國美商學院的課程中,我問了在場學員們一個問題: 「你現在心裡有沒有一件事,是你想做、但還沒有動手,因為覺得自己還沒準備好?」 我看著他們的表情,幾乎每一個人,都若有所思地低了一下頭。 然後我說: 「我接下來要說的話,可能有點刺耳。但這件事,我自己也走過、走得很痛,所以想說清楚。」 全
Thumbnail
那天在國美商學院的課程中,我問了在場學員們一個問題: 「你現在心裡有沒有一件事,是你想做、但還沒有動手,因為覺得自己還沒準備好?」 我看著他們的表情,幾乎每一個人,都若有所思地低了一下頭。 然後我說: 「我接下來要說的話,可能有點刺耳。但這件事,我自己也走過、走得很痛,所以想說清楚。」 全
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News