若要為電子郵件附件中的圖片進行模糊處理,請開啟一個在本機端柔化圖片的瀏覽器型工具,選擇完整圖片或以像素為單位測量的矩形區域,選擇模糊半徑,然後以圖片的原始尺寸將結果下載為 PNG。Blur Image 在單一頁面上正好能完成這些工作:您從裝置載入 JPEG、PNG 或 WebP,瀏覽器會對您選定的區域套用模糊效果,接著您會收到一個可下載的 PNG 檔案,可直接放入電子郵件草稿中。除非您主動傳送檔案,否則任何資料都不會離開您的電腦。當圖片中包含銀行應用程式的螢幕截圖、列印地址、車牌、小孩的臉孔或機密文件時,這種純本機端的運作方式格外重要,因為最常見的替代方案——上傳到遠端編輯器——會在您的檔案與收件人之間,多出一個您無法控制的伺服器。對於一般的隱私保護、設計修飾,或是想對要轉傳給同事的照片背景進行柔化,這個工作流程就已足夠,本文的其餘部分將逐步說明具體的操作方式。

為什麼人們在將圖片附加到電子郵件前先進行模糊處理
一張照片或螢幕截圖很少只包含您想分享的那一項內容。一張客服對話的截圖可能顯示整個聊天視窗,包括角落裡的帳號。一張送貨標籤的照片可能同時拍到周圍的街道和大門。一張以圖片形式呈現的 PDF 頁面,可能在頁首包含了簽章、電話號碼或電子郵件地址。一旦您將該圖片貼到電子郵件中,每一處細節都會成為訊息的一部分,而且與可編輯的文字不同,圖片會將所有像素一次送出。這就是為什麼人們會在附加圖片前先進行柔化處理。模糊處理的目的是讓有用的內容(例如圖表、產品、版面或笑點)保持清晰可見,同時將不相關或私密的部分推到焦點之外。
最常出現的使用情境包括:
- 儀表板或銀行應用程式的螢幕截圖,其中邊緣處出現了帳號 ID、餘額或電子郵件地址。
- 照片中包含地址、車牌,或背景中可辨識的旁觀者。
- 簡報或報告圖片,其中角落裡有浮水印、作者姓名或公司標誌,不應再向外傳遞。
- 產品或不動產照片,其中的雜物、反光或不相關的人物分散了對主題的注意力。
- 家庭或活動照片,其中某人已要求不要將其分享到網路上。
共通點在於:檔案仍然必須送出,但特定的像素不應如此。模糊處理是處理這類工作的標準視覺工具,而且其速度足以在開啟電子郵件草稿的同一個畫面上直接套用。
Blur Image 的功能(以及為何本機處理對電子郵件附件至關重要)
Blur Image 是一個單頁的瀏覽器工具,能完成三項工作:從您的裝置載入圖片、對整張圖片或單一矩形區域套用柔化效果,並產生可供下載的 PNG 檔案。其實作方式直接且值得了解,因為整個隱私保障正是建立在此之上。解碼圖片、繪製圖片、套用 canvas 篩選器,以及匯出 PNG,整個過程都在當前的瀏覽器分頁中完成。沒有上傳步驟、沒有遠端佇列、不需要帳號,也不存在伺服器端的副本。Mozilla Developer Network 文件中說明了底層的 canvas 篩選器如何被套用,以及最終的 HTMLCanvasElement.toBlob 呼叫如何在記憶體中產生 PNG,再交由下載流程處理。
正是這種純本機端的處理路徑,使得此工具適合用於包含私密資料的電子郵件附件。如果圖片在您撰寫訊息之前尚未被傳送給第三方,則您的威脅模型中僅會包含您的電子郵件服務商與收件者,而兩者本來就會收到該檔案。匯出步驟透過 toBlob 使用瀏覽器內建的 PNG 編碼器,因此任何中介伺服器都不會在過程中儲存模糊後的副本。
如何為電子郵件附件模糊圖片
以下是實際的操作流程。前題是您的電腦中已儲存了一張圖片(通常是螢幕截圖檔案、從手機拍攝的照片,或從其他應用程式匯出的圖片),並且已準備好一份可接收附件的電子郵件草稿。
- 在瀏覽器中開啟 Blur Image。頁面會載入一個圖片拖放區與下述控制項。
- 從電腦中選擇 JPG、PNG 或 WebP 檔案,並確認預覽區旁顯示的像素尺寸。這些數字將會是您輸入矩形座標時所使用的數值,因此若打算輸入自訂區域,建議先將其記下來。
- 決定使用兩種模式中的哪一種。整圖模式會以相同的半徑柔化圖片中的每一個像素,這是處理背景或整張螢幕截圖時最簡單的選擇。矩形模式則會讓圖片大部分區域保持清晰,僅對您指定的區域進行模糊處理,並接受來源影像座標空間中的 X(左邊緣,單位為像素)、Y(上邊緣,單位為像素)、寬度與高度。
- 若選擇矩形模式,請使用步驟 2 中原始影像的像素空間來輸入 X、Y、寬度與高度。若矩形超出邊界,工具會將其限制在可用範圍內,而不會產生更大的輸出或失敗。
- 設定模糊半徑。較小的半徑會產生輕微的柔化效果,但仍可保留形狀;較大的半徑則會產生更強的模糊效果,適合用於隱藏細節。請選擇能達到目的的最小半徑,因為過度模糊會讓周圍區域在最終匯出檔案中看起來模糊髒污。
- 選擇「Blur image」動作,等待預覽產生,並檢查結果以及預覽下方所顯示的輸出尺寸。預覽可能會被縮小以符合頁面,但輸出尺寸為來源圖片的原始寬度與高度。
- 在裝置上以 100% 縮放開啟下載的 PNG 檔案,確認邊界、周圍文字的可讀性,以及您原本打算隱藏的任何人臉或數字。若矩形位置不正確,請更改座標並重新產生。每次重新產生都會取代先前的下載檔案。
- 將最終的 PNG 檔案以附加一般檔案的方式附加到您的電子郵件草稿中。
最常出錯的兩個細節是:矩形座標必須使用來源尺寸而非預覽尺寸;以及半徑應從小開始,僅在需要時逐步增加。
輸入格式、尺寸限制,以及匯出解析度的運作方式
此工具接受三種輸入格式,並強制執行兩項獨立的限制。當您處理大型手機螢幕截圖或高解析度的產品照片時,了解這些限制非常重要,因為在上傳階段就被拒絕,遠優於在匯出時發生無聲的品質損失。下表所列為工具所強制執行的定義限制,而非估計值。
| 項目 | 限制 | 為何對電子郵件而言很重要 |
|---|---|---|
| 支援的輸入格式 | JPEG、PNG、WebP | 符合大多數手機、螢幕截圖工具與設計應用程式原生匯出的格式 |
| 最大檔案大小 | 25 MB | 大多數電子郵件服務商的附件上限遠低於此,因此過大的檔案會在執行模糊處理前就被拒絕 |
| 最大解碼像素數 | 40 百萬像素 | 限制 canvas 記憶體用量,使壓縮後體積龐大的檔案在執行模糊處理前就被拒絕 |
| 輸出格式 | PNG | 無失真、廣泛支援,且在各種電子郵件用戶端間皆有一致的表現 |
| 輸出尺寸 | 來源圖片的原始寬度與高度 | 並非較小的頁面預覽尺寸——如果您需要高解析度的附件,這點至關重要 |
40 百萬像素的限制能補足僅以檔案大小無法涵蓋的一類檔案。一張經高度壓縮的 60 百萬像素照片在磁碟上可能小於 25 MB,但瀏覽器仍必須為每一個解碼後的像素配置 canvas。提前拒絕這些檔案可避免頁面凍結。若檔案因上述任一原因而被拒絕,系統會顯示明確的訊息,實際的解決方法是先壓縮或調整圖片大小,再回到 Blur Image。
匯出 canvas 與預覽 canvas 是分開的。頁面上的預覽會依需要縮小,讓您無需不斷捲動即可檢視一張寬度為 6000 像素的照片;而您收到的 PNG 則是在全新的離屏 canvas 上,以圖片的原始尺寸繪製而成。這種分離是有意為之:業餘的線上編輯器常見的問題,是將 900 像素的預覽匯出後當作高解析度的結果。使用此工具時,預覽下方所顯示的尺寸,即為您實際下載檔案的尺寸。
Blur 無法做到的事:電子郵件附件的誠實限制
模糊是一種視覺效果,它有其明確的誠實界線。在您按下「傳送」之前了解這一點,比工具內的任何設定都更為重要。
- 模糊並非安全的遮蔽。經過模糊處理的臉孔、帳號或文件欄位,仍可能會被知道該如何觀察的檢視者辨識出來;在某些情況下,堅持不懈的讀者可以反推該操作,或從上下文推斷原始數值。若某個數值必須被不可逆地隱藏,正確的工作流程是完全移除或覆蓋來源像素,而不是對其進行柔化。
- 模糊核心會對相鄰像素進行取樣。即使在矩形模式下,靠近選取區邊界的顏色與形狀仍可能會與模糊區域融合,這屬於正常行為。若過渡顯得過於突兀,請擴大矩形範圍或增大半徑,並以原始大小檢視下載的檔案。
- 原始檔案會保留不變。此工具永遠不會修改您的來源圖片,因此請將原始檔案妥善保存於其他位置,直到您確認下載的 PNG 確實就是您想要傳送的版本。
總結很簡單。若要在背景、不便顯示的臉孔,或不應一目瞭然的名字上進行視覺柔化,Blur Image 是合適的工具,上述工作流程將產生可供附加至電子郵件的可下載 PNG。若是必須完全無法還原的資料,請先對圖片進行設計性的柔化處理,然後在撰寫訊息之前,對需要隱藏的特定像素套用另一個經驗證的遮蔽步驟。