Squoosh 圖片壓縮紀錄與驗收表
查核日期：2026-09-16（Asia/Taipei）
工具：https://squoosh.app/
來源：Squoosh 首頁 Large photo，載入名稱 photo.jpg。
本文：https://kemai-ai.com/blog/squoosh-website-image-compression-guide

一、本次瀏覽器操作紀錄

原圖：JPEG，3872×2592，介面顯示 2.79 MB。
版本 A：WebP，1200×803，Quality 75，Effort 4，介面顯示 106 kB、減少 96%。
版本 B：WebP，1200×803，Quality 50，Effort 4，介面顯示 77.3 kB、減少 97%。
固定條件：Resize 開啟、Lanczos3、Maintain aspect ratio 開啟、Premultiply alpha channel 與 Linear RGB 開啟；Lossless、Reduce palette、Advanced settings、Preserve transparent data 關閉。
版本 A 與 B 約差 28.7 kB（依介面顯示約值相減，非逐位元測量）。

已確認：操作設定、等待預覽完成、介面顯示值、目視預覽。
目視觀察：縮小後的毛髮等細節在放大預覽中減少，未判定無損或完全相同。
待驗收：下載後檔案重新開啟、實際位元組數、網站實際請求、桌面與手機用途。
下載控制已操作，本次未取得可獨立核對的落地檔；不宣稱下載後檔案驗證完成。
未操作：替換正式網站素材、網站效能量測、搜尋排名或轉換評估。
範例是官方示範素材，不是客脈客戶案例。本 TXT 不包含或轉授權照片。

二、重做步驟

1. 開啟官網，選 Large photo，左側保留 Original Image。
2. 右側 Compress 選 WebP，Quality 75、Effort 4、Lossless 關閉。
3. Resize 開啟，保持比例，Lanczos3，寬 1200；核對高 803 與固定條件。
4. 等預覽與數字更新完成，記錄 A；只改 Quality 50，再記錄 B。
5. 選候選版本後點右側 Download，重新開啟下載檔並核對格式、尺寸與大小。
6. 在網站預覽頁驗收實際顯示、裁切、請求網址與版面穩定性。

三、空白紀錄（自行複製）

日期／工具：
素材來源／使用權限：
保留原圖的檔名：
用途／頁面位置／需要看清楚的資訊：
原始尺寸／格式／大小／量測方式：

版本 A 檔名：
寬高／格式／Quality／Effort／其他設定：
大小／介面約值或實際位元組：
目視觀察／能否接受／理由：

版本 B 檔名：
與 A 只改了哪個條件：
寬高／格式／Quality／Effort／其他設定：
大小／介面約值或實際位元組：
目視觀察／能否接受／理由：

最終候選／選擇理由：
重新開啟下載檔（通過／失敗／待驗收）：
桌面用途與裁切（通過／失敗／待驗收）：
手機用途與裁切（通過／失敗／待驗收）：
網站實際請求網址與大小（已確認／待驗收）：
圖片載入前後版面穩定性（通過／失敗／待驗收）：
仍需處理／負責人／重測方式：

官方參考（查核日 2026-09-16）：
https://github.com/GoogleChromeLabs/squoosh#privacy
https://web.dev/learn/images/descriptive
https://web.dev/articles/serve-images-with-correct-dimensions