文字浮水印是一種可見的標籤——通常是你的姓名、品牌、版權聲明或草稿戳記——直接繪製在影像像素的上方,因此任何檢視該檔案的人都會看到這段訊息。在 Photoshop 中產生浮水印的標準方式是建立一個新的文字圖層、輸入標籤、拖曳到定位、視需要降低不透明度,然後合併圖層或儲存檔案。這個流程可行,但它預設 Photoshop 是開啟的、使用者知道如何管理文字圖層,而且每張新影像都要重複同樣的五六次點擊。對許多實際情況而言——蓋上草稿審閱戳記、標註校樣、新增作品集署名,或為一張活動照片加上日期與地點——一個更簡單的本機工具就能產生相同的可見結果,不需要圖層、不需要選取,也不需要匯出對話框。「為影像加上浮水印」工具正是這樣做的:它在你的瀏覽器內,在 JPG、PNG 或 WebP 上繪製一個粗體、可設定的文字覆蓋,無需上傳,也不需要 Photoshop 授權。

how to add watermark to image in photoshop
how to add watermark to image in photoshop

「為影像加上浮水印」實際上代表什麼

浮水印在我們日常的意義中,是指永久合併到影像像素中的文字或圖形,而非作為獨立圖層或中繼資料儲存。一旦檔案被匯出,這個標籤會隨著影像到處流通——放進部落格文章、社群分享、印刷校樣,或寄給客戶的電子郵件中。

本文涵蓋的純文字類型有三個實際用途。它標示著作權或作者身分,讓隨意瀏覽的人能夠辨識來源。它標示檔案的狀態——「DRAFT」(草稿)、「FOR REVIEW」(供審閱)、「PROOF」(校樣)、「CONFIDENTIAL」(機密)——為工作流程提供一道可見的防護。它新增情境脈絡——日期、活動名稱、作品集署名、產品識別碼——這些資訊否則只會出現在檢視者可能忽略的說明文字中。

Photoshop 是這項工作的常見選擇,因為它能精確控制字型、位置與不透明度。代價是額外負擔:啟動應用程式、開啟檔案、建立圖層、格式化文字、匯出。對一兩張影像的例行蓋戳來說,這個額外負擔正是許多讀者想跳過的部分。

何時瀏覽器浮水印工具是實際的選擇

Photoshop 與瀏覽器工具之間的取捨,取決於你蓋戳的頻率,以及你實際需要的排版控制程度。

情境Photoshop 較合適瀏覽器工具較快速
在主視覺影像上進行一次性品牌標註是——可完全控制排版、混合模式、圖層樣式可用,但你必須放棄字型選擇
為 30 張審閱影像蓋戳緩慢——每個檔案都要重複同樣五次點擊較快——同一表單,每次更換新檔
為作品集校樣新增版權標示對純文字而言大材小用恰到好處——一個欄位、一次點擊
為活動照片加上日期與地點標籤若檔案已開啟,則適合若照片在磁碟上,則適合
批次上傳時加上草稿/校樣戳記可以,但每個圖層的格式化很重複專為此設計——同一標籤,新影像

瀏覽器路線也消除了隱私疑慮。為影像加上浮水印使用瀏覽器端的 canvas API 解碼檔案、繪製文字,並匯出 PNG——來源影像與浮水印文字從不傳送到伺服器。

用 Photoshop 方式加上浮水印——以及更快的方式

Photoshop 中可見文字浮水印的工作流程遵循一個可預測的順序。開啟影像 (檔案 → 開啟)、選取文字工具 (T)、在畫布上點擊,然後輸入標籤。使用選項列設定大小與顏色。使用移動工具 (V) 將文字拖曳到定位。若標籤要做得低調,可在圖層面板中降低圖層不透明度。當位置看起來正確時,可保留圖層並儲存為 PSD,或合併影像 (圖層 → 合併影像) 並匯出為 PNG 或 JPG (檔案 → 匯出 → 匯出為)。

這個流程是正確的,從 CS3 以後的任何 Photoshop 版本都能產生該結果。重複就是代價。每張新影像都需要同樣的五或六個動作,而標籤中的一個錯字意味著必須復原、重新輸入並重新定位。

「為影像加上浮水印」工具將那個流程壓縮成三個明確的步驟:選擇檔案、填入四項設定、點擊一次。它不提供 Photoshop 的字型選單或圖層樣式,但對純粗體文字而言涵蓋了相同的範圍——而且能在手機、Chromebook 或未安裝 Photoshop 的朋友筆電上完成。如果你經常需要更重的控制,可將它與既有的 Photoshop 工作流程搭配使用,而非將它視為替代品。

為 JPG、PNG 或 WebP 加上浮水印

  1. 選擇來源檔案。選擇一個不超過 25 MiB 的 JPG、PNG 或 WebP。輸入驗證會拒絕空檔案、不支援的 MIME 類型、超過 25 MiB 的檔案、邊長超過 20,000 像素的影像,以及超過 4,000 萬像素的影像。
  2. 輸入浮水印文字。最多輸入 120 個字元。空白文字會被拒絕,過長的文字會被擋下。該工具會在繪製前修剪前後空白。
  3. 設定位置、字型大小、不透明度與顏色。從五個位置中擇一:置中、左上、右上、左下或右下。設定介於 12 到 200 像素的字型大小(僅限整數)、介於 10 到 100 百分比的不透明度,以及使用瀏覽器色彩選擇器設定的六位數 HEX 顏色。
  4. 選擇 Add watermark(新增浮水印)。瀏覽器會解碼影像,以與輸出相同的粗體系統無襯線字型量測文字,若標籤在套用邊緣邊界後會超出可用寬度或高度,則會將字型縮小。
  5. 檢查預覽。結果預覽會顯示已渲染的文字位置。若顏色與照片融合或位置看起來不對,請變更位置或顏色後重新產生——選擇「Create」(建立) 時會重新驗證設定。
  6. 下載 PNG。匯出檔一律為 PNG,以來源影像的原始像素尺寸繪製,檔名以「-watermarked」結尾。磁碟上的原始檔案保持不變。

畫布繪製使用標準的 CanvasRenderingContext2D.fillText 方法來放置標籤,最終檔案則使用 HTMLCanvasElement.toBlob 匯出——兩者都是瀏覽器原生 API,因此工作在本地端進行,沒有上傳動作。

浮水印設定與其背後的限制

五個位置選項並非可任意互換。置中選項會對齊影像中心點,這適合對稱的戳記,例如「DRAFT」或日期。四個角落選項使用依影像尺寸計算的邊界,讓文字不會緊貼邊緣。這個邊界使角落位置在寬形、窄長與正方形影像上都保持可預測——標籤與最近角落保持一致的距離,而非隨長寬比漂移。

位置對齊行為最適用於
置中對齊影像中心點「DRAFT」、「PROOF」、對稱構圖上的日期戳記
左上與上緣與左緣保持邊界作品集署名、攝影師姓名
右上與上緣與右緣保持邊界版權標示、品牌標記
左下與下緣與左緣保持邊界來源 URL、出處標示
右下與下緣與右緣保持邊界標誌式品牌標籤

字型大小欄位接受 12 到 200 像素之間的任何整數。該數字是一個請求,而非保證——在繪製前,瀏覽器會量測實際文字,若在套用邊界後會超出可用寬度或高度,則會將其縮小。因此,非常小的影像最終可能會得到低於所要求最小值的適配大小;在畫布內保留完整標籤,被視為比精確遵守所要求大小更重要。

不透明度範圍為 10 到 100 百分比。較低的數值會讓底層影像透過字母顯示;100 百分比會產生完全不透明的文字。顏色透過標準瀏覽器色彩控制項,以六位數 HEX 值設定。該工具不會新增外框、陰影、平鋪圖樣、標誌影像、旋轉或自動對比分析——若所選顏色與照片融合,修正方法是選擇對比更強的 HEX 值或更換位置,而非某個隱藏設定。

選擇檔案時有幾項限制值得注意。除了 25 MiB 的檔案大小上限外,邊長超過 20,000 像素以及超過 4,000 萬像素的影像會在輸入驗證時被拒絕。通過這些檢查的來源檔案會以原始像素尺寸解碼並繪製到同尺寸的畫布上,然後匯出為 PNG——即使來源是 JPEG 或 WebP 也是如此。選擇 PNG 作為匯出格式,是因為它能提供確定性的本地儲存,且沒有隱藏的品質滑桿,但這可能讓輸出檔比原始 JPEG 更大。若最終檔案大小或 JPEG 交付很重要,請在之後將審閱過的 PNG 透過明確的轉檔或壓縮步驟處理,而非從 Photoshop 重新匯出。

可見浮水印能做與不能做的事

可見的文字覆蓋能勸阻隨意的再使用。它在影像上標註姓名、品牌或狀態,讓截圖、分享或轉發而不先詢問的檢視者,必須主動裁切、修飾或覆蓋該標籤才能隱藏來源。這對作品集校樣、草稿審閱影像、發表前將被分享的活動照片,以及任何可見出處重要的影像,都是真實、有用的效果。

可見浮水印並非加密保護、數位版權管理或著作權證明。它可以被裁切掉、被塗掉、被修復工具在幾秒內複製修補走,或被一塊對比色矩形遮住。該工具的輸出在這方面與任何其他燒入式文字浮水印並無不同——它是一個可見標籤,而非取證追蹤器。

就法律上的著作權、授權、證據保存或專業圖庫交付而言,浮水印是一種禮貌,而非控制手段。請使用那些工作流程實際需要的文件與登記系統。至於其他一切——校樣、草稿、活動標記、作品集署名、著作權聲明——一個在本地端繪製的清晰、可讀的文字標籤,正是這份工作最合適的工具。

若你在權衡選項,當小畫家功能有限時如何為影像加上浮水印 對此有詳細說明。

若你在權衡選項,如何在 Lightroom 中為影像加上浮水印 對此有詳細說明。