工具指南

選擇 PNG 或 SVG，核對字型與倍率，讓分享的程式碼保持可讀。

從預設開始，或編輯 3–32 個多邊形頂點，製作頭像、方向圖片和斜切卡片，並比較完整 CSS 與 clip-path 宣告。

檢視陌生程式碼時先格式化；只壓縮用於交付的版本。

• 保留原始檔轉換原始碼前保留一份原始副本。
• 審視語意把格式化輸出視為可讀性變化，而不是語意驗證。
• 校驗產物用雜湊校驗來對比產物；雜湊無法解密原始材料。

根據目標平台的限制而非習慣來選擇尺寸、裁剪與輸出格式。

• 從高品質開始從可用的最高品質來源圖一次性縮放。
• 檢查透明度轉換 SVG 或 PNG 素材前檢查透明度。
• 明確匯出關閉分頁前下載生成的檔案；本機工作區不會保留雲端副本。

處理方式標籤是工具契約的一部分，輸入資料前應檢查。

• 本機處理本機優先執行環境在目前的瀏覽器分頁中處理輸入。
• 只描述，不貼上回饋表單只接受描述，並明確排除工作區內容。
• 清理共享裝置使用共享電腦時，清理工作區與已下載的檔案。

架構指南梳理兩種處理設計的資料流向，示範如何用瀏覽器親手驗證「本機處理」的說法，並列出絕不該上傳的檔案類型。

在瀏覽器分頁內完成合併、拆分、旋轉、整理、浮水印、壓縮、轉換與清理——每個任務都直接連結到對應工作區。

位置座標、裝置序號、照片拍下的精確秒數都可能隨檔案一起傳播——這篇指南示範如何在分享前讀取這個隱藏層，並於本機剝掉它。

先裁剪、一次性縮放，再轉換成目標平台接受的格式——這篇指南把尺寸或體積預算變成一條有序的本機工作流程。

美化列印、樹狀檢視與確定性 diff——如何在批准之前讀懂陌生的資料負載，以及本機執行環境的確切限制。

郵件與入口網站的上限毫不留情——這篇指南先測量，再在結構清理與強力柵格壓縮之間權衡，並按內容類型設定期望。

Base64 是什麼、如何計算體積增加量、Data URL 與電子郵件何時適合使用、為什麼它不是安全機制，以及如何排查格式錯誤的字串。

HEX、RGB 與 HSL 以不同方式描述 sRGB 顏色；本指南介紹 alpha、HSL 配色、CSS Color 4，以及在瀏覽器中取樣素材解碼後的像素。

以真實樣本驅動的編寫—測試—重構循環、災難性回溯防護、錨定紀律與旗標語意——在帶逾時的工作執行緒中執行，失控表達式不會凍結分頁。

依內容類型、透明度、真實支援度、重複編碼的代價與實測位元組節省來比較 PNG、JPEG、WebP 與 AVIF——讓選擇成為決定，而非習慣。

五個欄位及其範圍、日期欄位的「或」語意陷阱、週日是 0 還是 7、日光節約邊界——部署前對照計算出的未來十次執行來驗證。

依掃碼距離決定實體尺寸、四模組靜區、錯誤更正等級與標誌覆蓋、強制對比度，以及印刷前的打樣實測。

受支援子集能轉換什麼、什麼會被壓平，清理與連結協定白名單如何確保輸出安全，往返回到 Markdown 會失去什麼，以及轉換在文件或部落格管線中的位置。

完整性與來源真實性之別、為什麼 MD5 與 SHA-1 如今只能用於完整性、一分鐘安裝包核驗步驟，以及如何在本機計算敏感文字的雜湊而不上傳。

隨機 v4 對依時間排序的 v7、ULID 可排序的 base32 佈局、隨機鍵對 B 樹索引的影響、碰撞機率，以及如何在本機批次產生。

DevTools 網路面板核查、金絲雀字串技巧、快取與 Service Worker 的注意事項——外加任何人都可以對線上網站重跑的公開證據 harness，以及定期重新採集的收據。