模糊效果會將每個像素與其周圍像素平均混合,使影像變得更平滑、細節更少,藉此隱藏小特徵,但不會完全抹除。對初學者來說,單這一句話就幾乎涵蓋你在開始之前需要知道的一切:模糊是一種視覺上的改變,並非永久性的編輯,而且不需要任何專業軟體就能套用於你的照片。

第一次模糊圖片時,如果把任務拆成兩個決定,就會變得容易許多。首先,決定你是希望整張照片都被柔化(適合背景、草稿截圖或情緒效果),還是只針對影像中的某個矩形區域,例如一張臉、一個地址或一個標誌。其次,決定模糊的強度應該多強;同一個工具,只要稍微移動滑桿,既能給你溫和的柔化效果,也能產生強烈、近乎夢幻的朦朧感。

第二個決定之所以重要,是因為初學者常擔心模糊太強會看起來不對。實際上,正確的強度,是讓惱人的細節不再吸引目光的那個強度,而不是數學上把平滑效果做到最大化的那一個。

blur image for beginners
為初學者設計的圖片模糊教學:第一次完整操作指南

在照片上,「模糊」實際上代表什麼

當工具對影像套用模糊時,它並不是把圖片塗掉或刪除像素;而是逐一掃過選取範圍內的每個像素,並用附近像素顏色的加權平均值來取代它。結果會產生一個更柔軟、更平滑的區域,其中的細節、銳利邊緣和小字都會逐漸融入周圍環境。

對初學者而言,有兩個結果值得留意。首先,模糊在原則上是可逆的——原始像素依然存在於你儲存的原始檔案中,加強模糊並不會比「合上一本書就毀掉文字」更會破壞資訊。其次,模糊後的區域仍然保有形狀與顏色資訊,這也正是為什麼太輕的模糊往往仍能讓人辨識出臉部、車牌和帳號。

初學者一開始為什麼會使用模糊效果

大多數第一次使用模糊的人,大致可分為三類:

  • 隱私與禮貌。你想分享一張截圖、課堂照片或工作簡報,但其中包含他人的臉、姓名、電子郵件、地址或文件編號。模糊可以把該區域柔化,讓隨意瀏覽的人無法一眼就讀懂內容。
  • 設計與氛圍。你想透過柔化其他部分來突顯照片中的某一處,或想呈現產品頁、部落格頁首與社群貼文中常見的那種柔軟朦朧風格。
  • 清理與打稿。你在製作簡報、模型或回饋文件,並想在最終成品完成前先隱藏浮水印、標誌或未完成的元素。

這三種用途的工作流程完全相同——選取範圍、設定強度、產生結果、下載——所以同一個適合初學者的工具就能一次滿足。

整張影像 vs. 特定區域:快速比較

在你開始點滑鼠之前,最重要的選擇是:模糊應該涵蓋整張圖片,還是只涵蓋一個矩形區域。下表整理了對初學者常見任務而言,兩種選項各自適合的情境。

情境整張影像模糊矩形區域模糊
柔化雜亂的背景最合適;只需一項設定,無需座標殺雞用牛刀——你必須選取主體以外的所有區域
隱藏單一臉孔或一行文字會破壞照片的其他部分最合適;只有選定的矩形會改變
製作含有隱藏標誌的草稿簡報通常過於激烈精準且可重複
營造有氛圍的頁首圖片最合適幾乎用不到
在分享前匿名化截圖會失去有用的上下文最適合能用矩形框住的欄位

對大多數初學者來說,經驗法則很簡單:如果要營造氛圍或處理背景,從全圖模式開始;一旦只想隱藏特定對象,就切換到矩形模式。如何為影像加上模糊(全圖或局部)這篇指南用更多例子說明同一個決策,如果你想要更深入的比較,歡迎參考。

如何一步步模糊一張影像

如果你使用的是像 Blur Image 這類在本機瀏覽器中執行的工具,從「我有一張照片」到「我有一張模糊後的照片」的最短路徑大致如下:

  1. 開啟工具並選擇檔案。將 JPG、PNG 或 WebP 拖曳到上傳區,或使用檔案選擇器。影像載入後會顯示以像素為單位的寬度和高度;請保留顯示,因為矩形座標是以這些像素為單位來測量。
  2. 選擇全圖模式或矩形模式。如果希望整張影像都被柔化,請選全圖;如果只想模糊某個區域,並且大致知道它在圖片中的位置,請選矩形。
  3. 設定模糊半徑。較小的半徑會帶來溫和的柔化,適合處理背景;較大的半徑則會產生更強、更夢幻的模糊,適合用來隱藏可辨識的細節。建議從中間值開始,再依需要調整。
  4. 視需要輸入矩形座標。以原始影像的像素為單位,輸入 X(左邊界)、Y(上邊界)、寬度與高度。如果矩形超出影像邊界,工具會自動夾緊到可用的區域,而不會直接失敗。
  5. 產生模糊並檢查預覽。查看螢幕上的預覽,確認區域與強度正確。預覽可能比你的原圖小,這是正常的,僅供快速檢視。
  6. 確認回報的輸出大小,並下載 PNG。匯出會在另一塊畫布上、以原圖的自然像素尺寸產生,因此下載下來的 PNG 會對應原始解析度,而不是預覽的尺寸。
  7. 以 100% 縮放開啟下載的檔案。檢查選取範圍的邊界、輸出尺寸,以及當初想編輯的文字或臉孔是否處理妥當。如果區域不正確,請修改座標後重新產生。

初學者如何設定矩形座標

最讓初學者困惑的,就是矩形模式下的四個數字:X、Y、寬度與高度。這四個值都是以原圖的像素為單位,而不是螢幕像素或百分比。

  • X是從影像左邊緣到矩形左邊緣的像素距離。
  • Y是從影像上邊緣到矩形上邊緣的像素距離。
  • 寬度是矩形的寬度。
  • 高度是矩形的高度。

計算範例。假設你的影像回報為 4032 × 3024 像素,而你想柔化的區域大致落在像素欄 1300 到 2700、像素列 1500 到 1800 之間。則矩形數值為:X = 1300,Y = 1500,寬度 = 2700 − 1300 = 1400 像素,高度 = 1800 − 1500 = 300 像素。輸入這四個數字、產生並下載。如果你的矩形超出右側或下側邊界,工具會自動夾緊到剩下的可用空間,因此不需要手動扣除安全邊距。

下載前要在預覽中檢查的事項

工具內的預覽畫布是為了快速檢視而設計,因此可能會比你的原圖小。這就是為什麼匯出的 PNG 是在另一塊全解析度畫布上產生,而不是你眼前所見的螢幕截圖。根據 CanvasRenderingContext2D.filter 的 MDN 文件,canvas 的 filter 屬性正是讓這類瀏覽器端的模糊成為可能、而不需要上傳檔案的關鍵。

在你按下下載之前,請快速檢查以下項目:

  • 回報的輸出尺寸與你預期的來源影像一致。
  • 模糊區域與你想隱藏的對象位置對齊。請打開 PNG 並放大到 100% 確認,因為網頁上的預覽為了速度而縮小了。
  • 矩形外的鄰近像素仍看起來正確。模糊核心會取樣周圍像素,因此靠近選取邊界的顏色可能會稍微向內混合;如果過渡看起來太突兀,請放大矩形或降低半徑。
  • 促成這次編輯的文字或臉孔,已不再是你目光第一個停留的地方。

限制、隱私,以及模糊不夠用的情境

每位初學者在依賴模糊處理任何敏感內容之前,都應該先了解三個誠實的限制。

檔案與尺寸限制。支援的輸入格式為 JPEG、PNG 與 WebP,檔案大小上限為 25 MB,且工具還設有 4000 萬像素的解碼影像安全預算。超出這些限制的檔案會在產生模糊之前就被拒絕,你不會收到半成品下載。

模糊並非安全的遮罩。被模糊的臉部、地址、帳號、車牌、文件欄位或私人訊息,仍可能從上下文辨識、還原或推斷出來。如果你需要公開文件,而又要求某個區域完全無法被讀取,請在經過驗證的遮罩流程中,以不透明形狀覆蓋來源像素,並檢查匯出檔案、中繼資料、隱藏圖層與周圍上下文。本工具是為視覺模糊效果與一般隱私而設計,並非用來證明匿名性。

處理過程都在本機進行。解碼、繪製、模糊與 PNG 產生,全部都在你當前的瀏覽器分頁中完成。HTMLCanvasElement.toBlob 的 MDN 文件說明了如何透過該 API,將本機 canvas 轉為可下載的 PNG,而不必把影像送到伺服器。如果你的目標是讓照片完全不經他人的基礎架構,瀏覽器型的本機工具就能滿足這個需求。

如果你正在權衡各種選項,為初學者設計的線上照片濾鏡:在本機套用效果對此有詳細說明。