截圖遮個資:裁切、實色遮蓋與馬賽克怎麼選?

截圖只需分享取貨時段,就先裁掉不相關欄位;需要保留版面時,以實色完整遮住個資。用虛構取貨畫面比較三份下載副本,說明馬賽克、原圖與中繼資料的限制。

截圖遮個資:裁切、實色遮蓋與馬賽克怎麼選?

只問取貨時間,可以先傳文字

家人只是問取貨時段,我會先傳文字,或裁下需要的兩行。這樣少傳一點,也少一點可能漏遮的資料。確實要保留通知版面時,再用不透明實色遮住不必分享的欄位。馬賽克仍留下部分顏色與形狀,字看不清楚,不表示這張圖已經匿名。

本文用自製的社區蔬菜共購畫面示範:同一張取貨確認圖,除了時段和袋數,還列有姓名、電話、取貨代碼,頂端另有別人的訊息。所有姓名、電話、地址與代碼都是無效示例。直接轉傳整張,就把安排時間用不到的內容一起送出去了。

這次想讓家人知道的是「星期日 15:00~17:00,要拿兩袋。」一句話已足夠,就不一定需要截圖。如果要保留版面作參考,再截下相關兩行。確認時段和委託代領也不同:代領可能需要姓名或代碼,先問主辦單位要哪些資訊,再透過合適管道另行交付。把必要代碼遮掉,對方反而可能無法領貨。

原創取貨示例畫面:時段與袋數之外,還有虛構姓名、電話、代碼及上下通知
自製示例,沒有真實訂單或個人資料。家人確認時段的用途不需要全部欄位。檢視原圖

資訊集中時,裁掉整片不需要的畫面

這張示例圖是 1400 × 1000 像素。選取左上座標 x=130、y=420,寬 1140、高 190 的範圍,會留下取貨時段與蔬菜箱袋數。頂端通知、姓名、電話、代碼和底部訊息都在框外。自己的截圖要重新選取,這組座標只適用本文素材。

必要資訊都在一起時,我會優先裁切,因為少了一大片需要逐項檢查的內容。若資訊相隔很遠,一個大框卻把中間的個資也留下,就改傳文字,或保留全圖再遮蓋。檢查也別只看中央,狀態列、背景視窗和旁邊的對話頭像都可能帶出資訊。

裁完要看日期、時段和單位是否仍完整。切掉日期,或只留下「兩」而沒有袋數單位,都可能讓收件人誤解;「兩袋」和「兩箱」也不能互換。不確定哪些欄位屬於同一筆訂單,就回原畫面核對後再裁。

需要完整版面,就用實色蓋住整個欄位

保留整張通知時,本例分四區處理:頂端通知、姓名電話、取貨代碼與底部訊息。實色遮蓋以不透明色塊覆住指定區域;馬賽克則將原影像改成較大色塊,仍保有部分顏色與形狀。兩種處理看起來都把文字擋住,保護效果卻不能據此外觀當作相同。

只遮電話中間幾碼,夠不夠?如果這次根本不用分享聯絡資訊,我會連整個欄位一起用實色蓋住,文字邊緣再留一點餘量。斜體尾端、下一行小字與框外分機都可能漏掉。只糊中間幾個字,仍可能從未遮的部分或周邊脈絡推知內容。

本站會把重疊的實色區域畫在馬賽克上方,避免馬賽克重新露出已蓋住的內容。不過你若刪掉實色區域、縮小範圍,或改成馬賽克,效果也會改變。每次調整完看整張圖,才不會只顧最後新增的那一塊。

比較的是下載副本,原圖仍要另外管理

下圖比較的是本站工具實際下載的三份 PNG。裁切版只留兩行,實色版保留版面並遮住四區,馬賽克版則仍有原圖的色塊變化。它們是重新輸出的圖片,並非原圖外面套一層網頁遮罩。原尺寸下載另附在下方。

編輯器可以復原,是不是代表別人也能把下載圖復原?兩者要分開看。操作時,編輯器仍保有原圖與區域設定,下載的點陣圖片則是重新輸出的畫面,復原按鈕不會直接套用到它。不過,原檔、其他附件、檔名和收件人已有的資訊仍可能留下資料,不能只憑下載圖就認定全部消失。

本文只核對畫面與輸出像素,未檢查所有中繼資料,也不提供不可還原保證。PDF、簡報或可編輯文件的色塊可能是另一個圖層,不能把這份 PNG 的處理方式直接套用過去。

實際下載比較:裁切只留兩行,實色四區為不透明色塊,馬賽克仍有色塊變化
2026-09-27,Chrome 151。三份均由本站工具實際下載;比較圖縮小顯示,原檔另附下載。檢視原圖

傳送前重開成品,逐份確認分享範圍

把成品命名為「取貨時段_給家人.png」這類用途清楚的名字,再從下載資料夾打開。放大看四周、頂端通知和底部小字是否處理完整,同時確認日期、時段與單位還能讀。檔名也不要放電話或完整訂單編號。

附檔時,我會再看一次縮圖與檔名,尤其原圖和成品放在一起時,很容易一起選中。聊天軟體預覽不清楚,就先取消傳送,重開檔案確認。原圖留在自己的資料夾供回查,分享副本則按用途分開保存。

家人確認時間、主辦人核對訂單、公開社群分享,需要的資訊各不相同。我會每次按收件人這次要做的事決定分享範圍,不把同一張處理過的圖到處轉傳。檔名寫了「已遮蔽」也不能代替這個判斷。

參考來源

  • MDN:fillRect說明畫布實色矩形的繪製;本文對本站的說明另以實作及下載結果核對。