在 Mac 上產生 BlurHash 預留位置影像
產生 BlurHash 字串、模糊小縮圖和平均顏色，在影像延遲載入時顯示。
在 Mac 上使用「預留位置影像產生器」
App 的截圖，使用範例檔案。
如何使用「預留位置影像產生器」
- 1
拖入你的影像
加入網站或 App 要延遲載入的影像，一張或多張皆可。
- 2
選擇細節程度
4 × 3 適合大多數影像。細節越多，模糊效果越接近原圖，但字串也越長。
- 3
選擇附加項目
如果除了 BlurHash 之外還想要 Base64 小縮圖和平均顏色，請一併開啟。
- 4
按一下「產生」
每個值都會列在 App 中，並儲存為 Placeholders.txt，附上每個解碼後 BlurHash 的預覽，放在「下載項目」› OneMacTools 中的日期資料夾。
- 5
將這些值與影像一起儲存
將每個字串存在資料庫或內容檔案中對應影像位址的旁邊，在實際影像載入時先顯示它。
「預留位置影像產生器」的功能
為每張影像取得 BlurHash 字串（細節程度可自選）、Base64 小縮圖和平均顏色，可直接與影像網址一起儲存，在實際影像載入時顯示。每個解碼後 BlurHash 的預覽也會一併儲存。
適合用於
- 在網頁或行動 App 中延遲載入影像
- 避免照片載入時出現空白方框
- 為每張影像挑選背景顏色
選項說明
- BlurHash 細節
- 4 × 3（建議）、3 × 3、5 × 4、6 × 4 或 9 × 9。橫向和縱向的顏色分量數。數值越高，越能保留影像的形狀；4 × 3 會產生 28 個字元的字串。
- 模糊小縮圖（Base64）
- 預設開啟。一張極小的 JPEG，最長邊最多 16 px，以 data URI 呈現，可直接放進 <img> 標籤或 CSS，再搭配模糊效果拉伸顯示。
- 平均顏色
- 預設開啟。每張影像一個十六進位顏色，以整張影像的平均值計算，用作載入時的純色背景。
最佳做法
- 依影像形狀調整細節：橫向照片用 4 × 3 或 5 × 4，正方形或直向照片用 3 × 3。
- 將平均顏色用作圖片容器的背景；這是最輕量的預留位置，不需要解碼。
- 將影像框的寬度和高度設為與實際影像相同，頁面載入時才不會跳動。
- 選擇細節等級之前，先看看儲存的預覽，了解別人實際會看到什麼。
- 每次替換影像時都要重新產生預留位置，否則模糊效果會對不上。
搭配使用
- 輸入
- JPEG、PNG、HEIC、WebP 及其他你的 Mac 可開啟的影像。
- 輸出
- Placeholders.txt，包含每張影像的 BlurHash、可選的縮圖 data URI 和顏色，以及每個解碼後 BlurHash 的 400 px 寬 PNG 預覽。
- 這些值也會顯示在 App 中，可直接拷貝。
關於「預留位置影像產生器」的問題
什麼是 BlurHash？
一段將影像模糊版本編碼而成的短文字字串。在真正的影像下載期間，你的 App 會將它解碼成柔和、色彩豐富的預留位置影像。
如何為我的影像產生 BlurHash？
將它們拖到「預留位置影像產生器」上並點按「產生」。每張影像都會在 App 和 Placeholders.txt 中得到一個 BlurHash 字串。
該用哪種 BlurHash 細節？
4 × 3 是不錯的預設值，會產生 28 個字元的字串。使用更多分量可保留更多形狀，但字串也會更長。
我應該用 BlurHash 還是小縮圖？
BlurHash 很短，但你的 App 中需要一個小型解碼器。小縮圖則是瀏覽器可直接顯示的 data URI，但字串較長。你可以兩種都產生，再自行選擇。
平均顏色要怎麼用？
將它設為影像容器的背景顏色。它會立即顯示，並與影像的整體色調相符。
為什麼要加上預留位置？
它們能避免影像載入時出現空白方框和版面跳動，讓網頁和 App 感覺更快。
「預留位置影像產生器」會上傳我的檔案嗎？
不會。「預留位置影像產生器」完全在你的 Mac 上執行，檔案絕不會離開你的 Mac，也能離線使用。
「預留位置影像產生器」會更改我的原始檔案嗎？
不會。結果會另存為新檔案，放在「下載項目 › OneMacTools」中以日期命名的資料夾；除非你開啟了另有說明的選項，否則原始檔案會完全保持原樣。
「預留位置影像產生器」需要什麼？
只需要一台搭載 macOS 26 或以上版本的 Mac。不需另外安裝任何東西。
