必修單元 A 數據表示 × 多媒體

3.1 數據單位(Data Units)

重點(先記住就夠用)

  • bit 是最小資料單位,只能是 01
  • 1 byte = 8 bits;檔案大小與儲存容量多用 B/KB/MB/GB 表示。
  • 儲存容量換算多以 1024 為基礎(例:1 KB = 1024 B)。
  • 必須分清 b(bit)與 B(Byte):兩者相差 8 倍
  • 常見題型:單位換算由網速估算下載速度(例如 Mbps ÷ 8 ≈ MB/s)。

小遊戲:數據單位轉換

系統會隨機出題,例如「將 2048 bytes 轉換為 KB」,請輸入答案。

請按「下一題」開始練習。
你的答案:

3.2 數據傳輸單位(Data Transmission Units)

重點(先掌握計算流程)

  • 網速多用 bitbps/kbps/Mbps/Gbps(小寫 b)。
  • 檔案大小多用 ByteKB/MB/GB(大寫 B)。
  • 轉換最常用:MB/s = Mbps ÷ 8
  • 下載時間:時間 = 檔案大小 ÷ 速度(必須先統一單位)。
  • 實際下載可能較慢:Wi‑Fi 訊號、多人同用、伺服器限速、協定開銷等。

小遊戲 1:傳輸單位轉換

請按「下一題」開始練習。
你的答案:

小遊戲 2:下載/上載時間計算

系統會隨機產生檔案大小及傳輸速度,你需要估計下載時間(以秒為單位,四捨五入)。

請按「下一題」開始練習。
估計時間:

3.3 二進制數(Binary Numbers)

重點

  • 電腦最可靠分辨兩種狀態(高/低電壓),因此以 0/1 表示資料。
  • 二進制每一位的位值是 2 的次方(…16、8、4、2、1)。
  • 二進制轉十進制:把所有為 1 的位值相加。
  • n bit 可表示 2n 種組合(對應到 0 至 2n−1)。
  • 十六進制(Hex)常用作「縮寫」二進制:1 個 Hex 位 = 4 個 bit

即時轉換工具

在其中一格輸入非負整數,其他兩格會即時更新。

小遊戲:二進制轉換練習

題目類型:
請按「下一題」開始練習。
你的答案:

3.4 樣式數量(Number of Styles)

重點

  • 每個 bit 只有兩種狀態(0 或 1),所以 n 個 bit 能表示 2n 種不同樣式(組合)。
  • 每多 1 個 bit,樣式數量便 翻倍
  • 反過來:若需要表示 N 種樣式,要找最小的 n 使 2n ≥ N
  • 常見例子:8 bits = 256 種;24 bits(RGB 每通道 8 bit)= 224 種顏色。

小遊戲:2 的次方魔法

選擇 bit 數: 3 bits
問:使用 3 個 bit 可以表示多少種不同樣式?
你的答案:

3.5 無符號整數(Unsigned Integer)

重點

  • 無符號(unsigned)表示法 沒有正負號,只能表示 0 及正整數
  • n bit 無符號整數一共有 2n 個數值,範圍是:0 至 2n − 1
  • 二進制轉十進制:把所有為 1 的位值(20, 21, …)相加。
  • 超出表示範圍會出現 溢出(overflow)(下一節會講)。

小遊戲:最大值是多少?(隨機 bit 數)

本題使用的 bit 數: 8 bits
無符號整數範圍為 0 至多少?請輸入最大值(十進制)。
最大值:

3.6 有符號整數(Signed Integer)

重點

  • 有符號整數可以表示正數、0、負數
  • 最常用表示法是 二進制補碼(Two’s Complement)
  • n bit 的補碼範圍是:−2n−1 至 2n−1 − 1
  • 可用「反轉 + 1」快速求負數的補碼表示。
  • 最高位(MSB)是 1 時代表負數;MSB 是 0 時代表非負數。

小遊戲 1:8 bit 補碼 ↔ 十進制 練習

題目類型:
請按「下一題」開始練習。
你的答案:

小遊戲 2:二補碼範圍練習(隨機 bit 數)

本題使用的 bit 數: 8 bits
8 bit 二進制補碼表示整數時,最小值及最大值各是多少?(請以十進制填寫)
最小值: 最大值:

3.7 溢出誤差(Overflow Error)

重點

  • 電腦用固定 bit 數儲存整數,因此可表示的範圍有限。
  • 當運算結果超出可表示範圍,就會出現溢出(overflow),結果可能「回捲(wrap around)」而變允許範圍內的另一個值。
  • 無符號:範圍 0 至 2n−1。
  • 補碼(有符號):範圍 −2n−1 至 2n−1−1(例:8 bit 為 −128 至 +127)。

小遊戲:哪些加法會溢出?(8 bit 補碼)

請按「下一題」開始練習。

3.8 字符編碼(Character Encoding)

重點

  • 電腦儲存文字,其實是儲存每個字元對應的數字代碼(code)。
  • ASCII 主要涵蓋英文、數字及符號(最初 7 bit)。
  • 中文字符數量龐大,因此出現了 Big5(大五碼)GB(國標碼) 等中文編碼。
  • Unicode 旨在統一世界文字;UTF‑8 是常見的儲存方式(可變長度)。
  • 編碼不一致會出現亂碼(同一組 bytes 以錯誤規則解讀)。

互動編碼工具

請輸入一段文字(可以混合英文字、數字及中文):

提示:ASCII 只支援基本英文及數字符號;中文通常只會出現在 Unicode 編碼中。

3.9 條碼編碼與 QR Code

重點

  • 條碼/QR Code 都是把資料編成「可由機器掃描」的圖案。
  • 一維條碼(1D Barcode)以線條為主,資料量較少,常用作貨品編號(需配合數據庫查詢)。
  • 二維條碼(QR Code)以方格矩陣表示,資料量較多,並具錯誤更正能力。
  • 掃描後得到的可以是編號文字網址等,視乎編碼內容。

小遊戲 1:生成真正可掃描的 EAN‑13 條碼

請輸入 12 或 13 位數字(例如貨品編號,香港常見前綴為 489):

若輸入 12 位數字,系統會自動根據 EAN‑13 規格計算檢查碼(第 13 位),並產生可以由超市掃瞄器讀取的條碼。

小遊戲 2:生成真正可掃描的 QR Code(URL)

請輸入一個網址或短句(建議輸入網址,例如:https://www.edb.gov.hk):

產生後可以使用手機相機或掃碼應用程式實際掃描,體驗「黑白小格 = bit 的集合」如何儲存網址等資料。

小遊戲 3:判斷條碼與二維碼

請按「下一題」開始練習。

4.1 模擬數據與數碼數據(Analog vs Digital)

重點

  • 模擬(Analog):數值連續,在範圍內可取無限多個可能值(例如溫度、聲波)。
  • 數碼(Digital):數值離散,只取有限個級別(電腦以 0/1 表示)。
  • 把模擬訊號變成數碼資料,需要數碼化(digitisation):取樣 + 量化。
  • 數碼資料較容易儲存、複製、傳輸與處理,但可能因取樣/量化而失真。

小遊戲:判斷屬於模擬數據還是數碼數據

請按「下一題」開始練習。

4.2 數碼化(Digitisation)

重點

  • 數碼化是把模擬資料實體資訊轉成可由電腦處理的數碼資料
  • 常見兩步:取樣(sampling)+量化(quantisation)。
  • 取樣率/解析度愈高,能保留更多細節,但檔案通常更大。
  • 量化會產生量化誤差(quantisation error);位深愈高,誤差通常愈小。

聲音數碼化:取樣與量化

麥克風把聲波轉換為電訊號,再經取樣(每秒量度多次)及量化(四捨五入到有限級數)後,轉為數碼數據。

錄製約 5 秒聲音(需要 HTTPS 及容許使用麥克風)

綠色曲線代表「原始波形」,程式會以固定時間間距進行取樣(sampling)。可以想像每個取樣值再被「量化」成有限的幾個級別。

圖像數碼化:離散化與量化 + OCR 示範

請上載一張相片(如有清晰文字更佳):

取樣解析度: 32 × 32 格
每色通道 bit 數: 每通道 8 bits(約 24 bits / 像素)

解析度愈低,單一像素覆蓋的範圍愈大,影像會變得較「格仔」;bit 數愈少,每個通道的顏色級數愈少,色帶現象會更明顯。 理論上,取樣解析度最高可以細至原圖每一個像素(即與原圖解像度相同),而本示範將滑桿限制在 8 × 8 至 64 × 64 之間,方便觀察效果。

OCR 示範:從影像中識別文字

示範使用 Tesseract.js(需要網絡連線),實際速度及準確度會視乎相片質素而定。

4.3 壓縮(Compression)

重點

  • 壓縮目的是減少檔案大小,方便儲存與傳輸。
  • 無損壓縮(Lossless):解壓後完全還原原始資料。
  • 有損壓縮(Lossy):解壓後不能完全還原,但可大幅減少大小。
  • 常見題型:判斷格式屬有損/無損、計算壓縮比/減少百分比。

互動示範:上載圖片/聲音 → 生成 ZIP(無損壓縮)

上載一個圖片檔(例如 JPG/PNG)或聲音檔(例如 MP3/WAV)。系統會即時把它打包成 ZIP 檔(無損壓縮), 並顯示壓縮前後大小,讓你計算「壓縮量」、「壓縮比」及「節省百分比」。

選擇檔案:
ZIP 壓縮強度:

教學提醒:ZIP 對「已經壓縮過」的格式(例如 JPEG、MP3、MP4)通常再壓縮效果有限;對純文字、BMP、WAV 這類未壓縮或可重複模式多的檔案,效果會更明顯。

互動示範:長文章 → Base64(原文)→ 壓縮(有損/無損)→ 還原

壓縮後的資料以二進制表示。 這個示範會先把你輸入的文章編碼成 Base64, 再使用你選擇的方法做「壓縮/減少資料」,最後同樣用 Base64 顯示壓縮結果,並示範還原。

壓縮前(原文 UTF‑8 bytes)的 Base64:
選擇壓縮方式:
壓縮後的 Base64(可複製/亦可自行貼上再還原):
還原後文字:

提示:Base64 只是「把二進制轉成可顯示文字」的方法,通常會令字串變長;所以比較壓縮效果應主要睇 bytes(原文 UTF‑8 bytes vs 壓縮後 payload bytes)。 另外,有損壓縮會丟棄資料,所以即使「還原」都只可以還原到被保留的版本。

小遊戲:判斷有損或無損壓縮

請按「下一題」開始練習。

5.1 文本(Text)

重點

  • 文字在電腦中以字符編碼儲存:每個字元對應一個或多個位元組。
  • 純文字(Plain Text)只存內容,不包含字體、顏色、粗體等格式。
  • 格式化文本會連同格式資訊一併儲存,因此檔案通常較大。
  • 同一段文字,使用不同編碼(ASCII/UTF‑8 等)檔案大小可能不同。

純文字(Plain Text)

純文字檔案只儲存字元本身,不包含粗體、顏色等格式資訊。

以上大小假設每個字元以 1 byte 儲存(例如 ASCII)。若含有大量中文字符,使用 Unicode/UTF‑8 時會佔用較多位元組。

格式化文本(Formatted Text)

格式化文本除了字元本身,還會儲存字型、大小、顏色、位置等格式指令。

可在此輸入文字,並利用上方按鈕改變格式。

Word、Google 文件等軟件,會在檔案中加入額外標記,用以記錄你設定過的各種格式。

常見文本檔案格式與比較

  • TXT:純文字,只有字元數據;體積最小、幾乎任何裝置都可開啟,但不支援粗體、圖片等格式。
  • RTF:Rich Text Format,可儲存基本格式(粗體、字型、段落);結構公開,方便不同文字處理器互通,但檔案較 TXT 大。
  • DOC / DOCX:Microsoft Word 文件,可加入圖片、表格、頁首頁尾、批註等複雜排版,適合作為可編輯工作檔;但格式較複雜,舊版軟件兼容性要留意。
  • PDF:Portable Document Format,版面在不同裝置上看起來幾乎完全一致,不容易被直接修改,適合作為發佈或列印用檔案。
  • HTML / HTM:網頁檔案,以標籤(<h1>、<p> 等)描述結構,可內嵌圖片、影片和超連結,需要瀏覽器解讀。
  • Markdown(.md):以 #、*、[]() 等符號表示標題、列表、粗體和連結,易於閱讀與版本控制,常見於 GitHub README。

粗略而言:TXT/MD → 側重內容DOCX/RTF → 側重可編輯格式PDF → 側重發佈與列印

文本檔案格式小遊戲

請按「下一題」開始練習。

5.2 圖像(Image)

重點

  • 數碼圖像(Raster)由大量像素(pixel)組成。
  • 解析度(resolution)= 寬 × 高(像素數);像素愈多通常愈清晰,但檔案更大。
  • 色深(colour depth)= 每像素用多少 bit;可表示顏色數量 = 2b
  • 未壓縮大小(bytes)≈ 寬 × 高 × 色深 ÷ 8
  • 格式選擇:JPEG(相片,有損)、PNG(圖示/透明,無損)、GIF(少色/動畫)、BMP(未壓縮)。

解析度、色深與檔案大小(示意)

寬度(pixels): 高度:
色深(bits / pixel):
依照色深產生的可用顏色(示例,實際顏色數為 2^色深):
自選顏色:

請在上方「示意畫布」中拖曳滑鼠繪畫。不同色深會限制可用顏色: 黑白/4 色/16 色索引色彩會使用固定色板;當你用色盤揀選其他顏色時, 系統會自動把它「就近取代」為色板內最接近的顏色(顏色量化),並彈出非阻擋提示。
進入 256 色(8-bit) 時,你可以切換灰階索引色彩兩種概念作比較(灰階是亮度 0–255;索引色彩是 0–255 對應色板顏色)。

未壓縮大小:約 0 bytes
假設 JPEG 壓縮後(約 1/10):0 bytes
假設 PNG 壓縮後(約 1/4):0 bytes

你可以嘗試更改寬高(例如由 640×480 改為 640×640),觀察畫布被拉長或壓扁,體會長寬比不一致時圖像會被扭曲。

圖像檔案大小計算練習(隨機出題)

請按「下一題」產生圖像檔案大小的題目。
你的答案(未壓縮大小,bytes):

常見圖像檔案格式與比較

  • JPEG(.jpg):有損壓縮,對真實相片非常有效,可大幅減少容量;不支援透明背景,多次重覆儲存會累積壓縮雜訊。
  • PNG:無損壓縮,可支援透明度;適合 logo、界面 截圖、含大量文字的畫面;用於照片時檔案通常較大。
  • GIF:最多 256 色,支援簡單逐格動畫及 1-bit 透明;適合小型動畫表情,不適合高品質照片。
  • SVG:向量圖(Vector),透過路徑與形狀描述圖像,可任意放大不失真;非常適合 icon、logo、簡單圖表。
  • BMP:早期點陣圖格式,一般不壓縮;檔案極大,多用於系統內部或臨時圖像,不適合網上分享。

建議:相片 → JPEG界面 截圖/文字 → PNGlogo/icon → SVG簡單動畫 → GIF

圖像檔案格式判斷遊戲

常見格式:JPEGPNGGIFSVGBMPTIFFHEICAI

請按「下一題」開始練習。

5.3 音頻(Audio)

重點

  • 數碼音頻來自取樣(sampling)量化(quantisation)
  • 未壓縮音頻大小取決於:取樣頻率位元深度聲道數時長
  • 常用公式:大小(bytes)= 取樣率 × 位深 × 聲道 × 秒數 ÷ 8
  • WAV/FLAC 多屬無損;MP3/AAC 多屬有損(靠位元率控制大小與音質)。
  • MIDIMusicXML 屬「符號式音樂資料」:記錄音符/演奏事件或樂譜,不等同錄音波形。

聲音參數與檔案大小(計算示範)

位元深度(bit depth): 取樣頻率(Hz):
聲道數目(channels): 音訊長度(秒):
未壓縮音頻大小:約 0 bytes

位元深度愈大,每個樣本可以記錄更細緻的音量變化;取樣頻率愈高,可以重現的最高音頻愈高。

音頻檔案大小計算練習(隨機出題)

請按「下一題」產生音頻大小的題目。
你的答案(未壓縮大小,bytes):

常見音頻檔案格式與比較

  • WAV:未壓縮或輕度壓縮的音訊格式,音質最佳,常見於錄音室與系統音效;但檔案體積最大。
  • MP3:有損壓縮,支援度極高;適合一般音樂串流及下載,在高壓縮率下會聽到明顯失真。
  • AAC:新一代有損壓縮,比 MP3 在相同位元率下通常有更好音質;常見於 YouTube、Apple Music、MP4 影片音軌。
  • FLAC:無損壓縮,解壓後與原始錄音完全相同;適合高音質收藏或備份,體積比 WAV 小但仍較 MP3/AAC 大。
  • MIDI:事件式音樂資料(非波形錄音),適合編曲與改編;需音源合成播放。
  • MusicXML:樂譜資料交換格式,主要用於打譜/教學/分析,並非聲音波形。

WAV/FLAC 適合作母帶與長期收藏,MP3/AAC 則適合日常串流與攜帶。

音頻格式辨識遊戲

常見格式:WAVMP3AACFLAC

請按「下一題」開始練習。

5.4 影片(Video)

重點

  • 影片可視為「連續多張圖像(幀 / frame)」加上音訊。
  • 幀率(fps)愈高畫面更流暢,但資料量通常更大。
  • 解析度色深時長都會影響影片大小。
  • 未壓縮影片非常巨大,因此實務上幾乎一定需要壓縮(codec)
  • 常見容器/格式:MP4(常配 H.264/H.265 + AAC 音訊)。

影片 = 多張圖像:幀擷取示範

以下示例影片預設為 demovideo.mp4(1280 × 720)。請先播放到某個位置, 然後按下「擷取多張畫面縮圖」,觀察短時間內擷取到的多張畫面。

系統會由目前播放位置開始,每隔少許時間擷取一幀,合共數張縮圖, 幫助學生理解「影片其實是由很多張連續的圖片(畫面幀)組成」。

未壓縮影片大小計算

解像度: × pixels
色深(bits / pixel): 幀率(fps):
影片長度(秒):
未壓縮影片大小:約 0 bytes(約 0 MB)

實際影片通常會配合 Codec(例如 H.264、H.265)進行壓縮,大幅減少檔案大小。

容器格式(Container)與 Codec 的分別

容器格式(Container) 負責「裝起」影片、音訊、字幕等不同資料;常見副檔名有 .mp4.mov.mkv

  • MP4:最常見的通用容器,支援度最高,適合網上串流與手機錄影。
  • MOV:由 Apple 推出,與 QuickTime 關係密切,常見於 iPhone/Mac 錄製影片。
  • MKV:Matroska 容器,可同時儲存多音軌、多字幕,常用作收藏電影/動畫。

Codec(編解碼器) 決定「如何壓縮」每一幀畫面及音訊。

  • H.264/AVC:現今最普及的視訊 Codec,畫質與壓縮率平衡,硬件支援成熟。
  • H.265/HEVC:比 H.264 有更高壓縮率,適合 4K/8K 影片,但舊裝置可能不支援。
  • VP9:Google 推出的開源 Codec,常用於 YouTube 高畫質串流。
  • AV1:更新一代開源 Codec,壓縮效率更高,Netflix、YouTube 等串流平台正逐漸採用。

一個影片檔(例如 .mp4) = 容器格式 + 視訊 Codec + 音訊 Codec + 字幕等內容。

影片檔案大小計算練習

請按「下一題」產生影片大小的題目。
你的答案(未壓縮大小,bytes):

容器格式與 Codec 小遊戲

常見容器格式:MP4MOVMKV

常見視訊 Codec:H.264 / AVCH.265 / HEVCVP9AV1

請按「下一題」開始練習。