NanToo 文章
RSS 訂閱解說 NanToo 工具背後的知識，以及網站開發、設計與日常科技。
JPEG 質素 80 與 90 有何分別？從 DCT、量化看檔案大小
JPEG 質素數值並非畫質百分比。了解 DCT、量化表及色度抽樣，比較 80、90、95 的實際差異，為照片、文字圖像和網頁圖片選擇合適設定。
WCAG 對比度為何是 4.5:1？計算方法、依據與適用條件
從相對亮度計算及 W3C 解說，理解 WCAG 2.2 的 4.5:1、3:1 和 7:1。分清大字、非文字內容與例外，以及 APCA 和 WCAG 3 的草案狀態。
CSS color-mix() 與 OKLCH：由品牌色建立按鈕及深色模式配色
用 CSS color-mix() 和 OKLCH 建立滑鼠停留、按下、停用及背景色。理解明度、混色比例和透明度，並為舊瀏覽器提供後備顏色及檢查對比度。
密碼強度與熵：隨機選擇的數學及 NIST 密碼要求
分清隨機密碼的搜尋空間與人為選擇的實際強度，理解 NIST SP 800-63B-4 的必須及建議事項，以及密碼儲存、多重認證和復原途徑的影響。
HTTP 壓縮如何選擇 gzip、Brotli 或 zstd？瀏覽器、CDN 與快取
理解 Accept-Encoding 與 Content-Encoding 的協商、zstd 的 8 MB 視窗限制，以及瀏覽器和 CDN 的支援條件。按實際回應、CPU 成本與快取選擇壓縮方式。
UTF-8 如何運作？ASCII 兼容、位元組與 UTF-16 的分別
從 UTF-8 的設計歷史、1 至 4 位元組結構及無效序列，分清字元、碼位和 UTF-16 碼元，避免編碼宣告與實際檔案不符。
SVG path 指令與 Bézier 曲線：S／T 接點、橢圓弧 A 及圓形近似
讀懂 SVG path 的座標、控制點及旗標，利用 de Casteljau 計算曲線，分清 S／T 的接駁條件、橢圓弧半徑修正與近似誤差。
QR Code 錯誤修正級別 L／M／Q／H：容量、Logo 與掃描限制
比較 QR Code 的四個錯誤修正級別及版本 1 容量，分清碼字修復率與可遮擋面積，按最終印刷尺寸和實際裝置驗證掃描效果。
Excel 開啟 CSV 為何出錯？UTF-8、引號、換行與前置零
分開檢查 CSV 編碼、RFC 4180 語法及 Excel 自動類型轉換，保留前置零和長編號，核對匯入及再次匯出的原始數據。
相片 EXIF 與 GPS 私隱：分享前如何檢查位置元數據？
了解相片中的 GPS、拍攝資料及 HEIC 兼容限制，分清定位權限、分享選項和元數據移除，檢查真正送出的檔案。
Base64 與 Base64URL 有甚麼分別？補齊字元、URL 編碼與 RFC 4648
比較 Base64 與 Base64URL 的字元表，解釋加號變成空格的條件、等號補齊與 MIME 換行，並提供可執行的 JavaScript 編碼及解碼例子。
HTTP 狀態碼為甚麼分成五類？RFC 9110 與常見狀態碼的由來
由早期 HTTP 到 RFC 9110，理解 1xx 至 5xx 的分類、418 茶壺典故、451 法律限制、保留中的 402 與 103 Early Hints。
UUID v1、v4、v7 怎樣選擇？RFC 9562、資料庫排序與碰撞風險
比較 UUID v1 的時間與節點資料、v4 的 122 個隨機位元，以及 v7 的毫秒時間戳記，說明碰撞機率、排序限制與 PostgreSQL 18 支援。
IP 地址與子網絡：由 Class A/B/C 到 CIDR，/24 代表甚麼？
從歷史 IP 地址分類理解 CIDR 與子網絡遮罩，計算 /24 的主機數，區分 /31、/32 的例外，並解釋私有 IP 與 IANA 地址池耗盡。
正則表達式前瞻與後顧：JavaScript lookahead、lookbehind 用法與限制
透過 HKD 金額、域名擷取及千分位例子，理解 JavaScript 正向與負向前瞻、後顧斷言，以及瀏覽器相容性、密碼規則與回溯效能限制。
為甚麼 0.1 + 0.2 不等於 0.3？逐位元理解 IEEE 754 浮點數
為甚麼 JavaScript 與許多 binary64 環境會得出 0.30000000000000004？從循環二進制小數、IEEE 754 位元配置、捨入、比較方法到安全的數值設計逐步解析。
A4 紙張為何採用 √2？ISO 216、Lichtenberg、B 系列與 Letter
為何將 A4 對半裁剪會得到 A5？解析 ISO 216 背後的根號二幾何、Lichtenberg 1786 年書信、DIN 476、A／B 系列、信封與美國 Letter 紙張。
霍夫曼編碼（1952）：源自 MIT 習作的最佳前綴碼
David Huffman 在 1952 年提出的方法，如何成為 DEFLATE、基線 JPEG、MP3、HPACK 與 Zstandard 的一部分？解析貪婪樹算法、最佳性、熵的限制，以及各規範實際採用它的方式。
十二平均律與純律：為何鋼琴的 C 大三和弦略有偏差？
比較理論上的十二平均律 C 大三和弦與 4:5:6 純律，計算音分、拍頻與音差，並了解歷史律制及真實鋼琴的延伸調律。
WebP、AVIF、JPEG 怎樣選？2026 年網站圖像格式指南
比較有損與無損壓縮、透明度、HDR、動畫、瀏覽器支援、編碼成本及後備方案，了解 JPEG、WebP 與 AVIF 在 2026 年網站上的實際選擇方法。
DPI 與 PPI 有何分別？屏幕與打印解像度的計算方法
了解圖像 PPI 與打印機 DPI 的分別，從打印尺寸換算所需像素，並釐清 300 ppi、CSS 每英吋 96 px、觀看距離與解像度元數據。
Mbps 與 MB/s 的分別：位元、位元組與二進制前綴
為何 1 Gbps 換算後是 125 MB/s？了解位元與位元組、十進制與二進制前綴的分別，以及 1 TB 硬碟為何可能顯示約 931 GiB。
音分、十二平均律與純律：音程的數學原理
音分是比較音程的對數單位。了解音分公式、十二平均律與純律的數學差異，以及以 A4 = 440 Hz 為基準的實際調音例子。
圖像縮放算法：最近鄰、雙線性、雙三次與 Lanczos
為何圖像放大會出現方塊，縮小則會失去細線？了解最近鄰、雙線性、雙三次、Mitchell–Netravali 與 Lanczos 濾波器如何重建及重新採樣圖像。