NanToo 文章
RSS 訂閱解說 NanToo 工具背後的知識，以及網頁開發、設計與日常科技。
JPEG 品質 80 與 90 差在哪？DCT、量化與檔案大小的關係
JPEG 品質不是保留畫質的百分比。從 DCT、量化表與色度取樣，理解品質 80、90、95 的差異，以及照片、文字和線條該如何選擇壓縮設定。
WCAG 對比值為何是 4.5:1？計算公式、由來與適用條件
從 sRGB 相對亮度與 W3C 說明，理解 WCAG 2.2 的 4.5:1、3:1、7:1，釐清字級、例外、未四捨五入的判定，以及 APCA 與 WCAG 3 的定位。
CSS color-mix() 與 OKLCH：從品牌色產生互動配色與備援值
用 color-mix()、OKLCH 與 CSS 變數產生懸停、按下、停用、背景和框線配色，並正確處理透明度、色相路徑、深色模式與舊瀏覽器備援。
密碼強度與熵：看懂 NIST SP 800-63B-4、長度和隨機生成的條件
密碼熵不等於破解時間。從均勻隨機生成的搜尋空間、Diceware 與 NIST SP 800-63B-4，區分使用者自選密碼、儲存方式和多因素驗證的條件。
gzip、Brotli、zstd 怎麼選？HTTP 壓縮協商與部署條件
整理 Content-Encoding 與 Accept-Encoding 的角色、zstd 的 8 MB 視窗限制、Vary 快取，以及瀏覽器、Cloudflare 和來源伺服器的壓縮條件。
UTF-8 的誕生與原理：ASCII 相容、位元組數與 UTF-16 的差異
從 Unicode 與 UTF-8 的歷史理解 1～4 位元組編碼、不合法序列及 UTF-16 代理對，分清位元組數、碼位數與畫面上的字元數。
SVG path 指令解析：貝茲曲線、S／T 接點與橢圓弧 A
用 W3C 規格、公式與範例理解 SVG path 的 10 類指令、貝茲曲線評估、控制點反射、橢圓弧半徑修正與圓形近似。
QR Code 容錯等級 L／M／Q／H：容量、修復比例與 Logo 的限制
比較 QR Code 四種容錯等級、版本 1 的容量與 Reed–Solomon 錯誤更正原理，理解為何修復比例不等於可遮住的圖片面積。
CSV 用 Excel 開啟為什麼出錯？UTF-8、引號、換行與前導零
分清 CSV 編碼、RFC 4180 語法與 Excel 型別推斷，處理亂碼、欄位內換行、引號、前導零及長編號，建立可核對的匯入流程。
照片 EXIF 與 GPS 隱私：分享前要檢查哪些資訊？
了解照片中的位置中繼資料、GPS 精度限制與 HEIC 相容性，分清相機權限、分享設定及檔案資料移除，檢查真正送出的照片。
Base64 與 Base64URL 差在哪？RFC 4648、補齊字元與網址編碼陷阱
解析 Base64 與 Base64URL 的字元差異、加號何時變成空白、等號何時可以省略，以及 MIME 換行對 API 傳輸的影響，附 JavaScript 範例。
HTTP 狀態碼為何分成五類？從早期 HTTP 到 RFC 9110
從 HTTP/0.9 到 RFC 9110，了解 1xx～5xx 的設計、418 茶壺的歷史、451 法律限制、保留中的 402，以及 103 Early Hints 的用途。
UUID v1、v4、v7 怎麼選？RFC 9562 與資料庫排序注意事項
比較 UUID v1 的時間與節點資訊、v4 的 122 個隨機位元，以及 v7 的 Unix 毫秒時間戳記，說明碰撞機率、排序條件與 PostgreSQL 18 的支援。
IP 位址與子網路：從 Class A/B/C 到 CIDR，/24 是什麼意思？
從 RFC 791 的歷史位址分類到 CIDR，說明子網路遮罩的 AND 運算、/24 的 254 個主機位址、/31 與 /32 例外、私有 IP，以及 IANA 位址池耗盡的意義。
正規表示式的前瞻與後顧：JavaScript lookahead、lookbehind 實用範例
用 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 年實用圖片格式指南
選擇網頁圖片格式時，新格式不一定就是最佳答案。比較瀏覽器支援、壓縮、編碼成本、備援方式，以及照片、透明圖片、動畫與 Core Web Vitals 的實務選擇。
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 濾波器如何重建並重新取樣影像。