為圖片加上浮水印,並不需要一套龐大的編輯器。小畫家(MS Paint)可以將文字蓋在 JPG、PNG 或 WebP 檔案上,但其內建的文字工具缺乏透明度、色彩與位置控制,無法滿足真正的浮水印工作。勉強使用小畫家有限的文字工具,結果通常是一塊沒有淡出、沒有安全邊距、儲存前也無法預覽的黑色文字塊,這也是為什麼許多使用者最終會尋找更專注的解決方案。專門的瀏覽器浮水印工具,例如 為圖片加上浮水印,可接受大小不超過 25 MiB 的 JPG、PNG 或 WebP,讓你精確選擇標籤位置、調整字型大小、透明度與 HEX 色碼,再匯出可供下載前檢視的完整解析度 PNG。一切都在瀏覽器本機執行,因此原始圖片與浮水印文字永遠不會離開你的裝置。

how to add watermark to image using paint
how to add watermark to image using paint

為什麼小畫家的文字工具在浮水印方面力有未逮

小畫家是許多 Windows 使用者的預設答案,因為它已預先安裝且文字工具容易找到。對於在螢幕截圖上蓋一個「DRAFT」標記來說或許足夠。問題在於,讓小畫家易於上手的同一組控制項,也使它不適合用於大規模的浮水印作業。文字工具只能在畫布內開啟,因此在送出之前無法針對整張圖片評估標籤位置。色彩選擇受限於基本調色盤,透明度實際上只有兩種:儲存後文字完全不透明,否則就完全消失。它無法旋轉、沒有安全邊距、當較長的標籤超出邊緣時也不會自動縮小。

對於作品集圖片、校樣圖片、草稿浮水印、產品識別標籤,或較長的版權聲明來說,小畫家的工作流程會產生明顯的瑕疵,而在專為此任務打造的工具中較容易修正。最常見的問題包括:在狹窄圖片上文字被裁切、文字褪色而消失在明亮背景中,以及文字緊貼畫面角落,看起來像是意外而非刻意安排。這些問題在瀏覽器浮水印工具中都有對應的控制項,而在小畫家的文字對話框裡並不存在。

小畫家做法的具體不足之處

  • 沒有透明度控制,文字要不是遮住照片,就是消失在照片中。
  • 沒有自動字型縮放,較長的標籤會在畫布邊緣被裁切。
  • 沒有十六進位(hex)色彩選擇器,要對齊品牌色只能從一小塊色票格中猜測。
  • 儲存後沒有預覽功能,錯誤只有在檔案寫入磁碟後才會顯現。
  • 輸出格式取決於小畫家上次設定的儲存格式,沒有內建的 PNG 匯出選項能保留完整像素解析度。

瀏覽器浮水印工具如何處理相同的任務

「為圖片加上浮水印」工具接受 JPG、PNG 或 WebP 檔案,並完全在瀏覽器中算繪浮水印。來源檔案在本機解碼,畫布以原始圖片的像素尺寸繪製,浮水印在結果以 PNG 匯出前,以所選的顏色與透明度合成於上方。由於工具使用與輸出相同的粗體系統無襯線字型來測量文字,你可以在下載前確切看到標籤的呈現樣貌。所有控制項都不依賴作業系統的小畫家對話框,這正是前述大部分摩擦的根源。

控制項小畫家文字工具為圖片加上浮水印
位置選項在畫布內點擊並拖曳五個固定選項:置中、左上、右上、左下、右下
透明度無,儲存後文字完全不透明10 到 100 percent
字型大小只能拖曳控制把手12 到 200 px 之間的整數,並自動縮小以符合範圍
顏色有限的調色盤色票透過瀏覽器色彩控制項輸入任意六位數 HEX 值
長標籤自動縮放否,文字會被裁切是,瀏覽器會測量文字並縮小字型大小,使標籤保持在邊距內
儲存前預覽僅有即時畫布獨立的結果預覽面板
輸出格式與原始檔案相同一律為 PNG,無論來源為何
處理位置本機在本機,於瀏覽器中

逐步新增浮水印

  1. 開啟「為圖片加上浮水印」並從電腦中選擇 JPG、PNG 或 WebP 檔案。超過 25 MiB 的檔案、不支援的 MIME 類型,或解碼後任一邊超過 20,000 像素或總像素超過 40 megapixel 的圖片,會在開始繪製前遭到拒絕。
  2. 輸入浮水印文字。工具最多接受 120 個字元。空白文字、僅含空白字元的文字,或超過上限的文字,在你嘗試算繪時會被拒絕。
  3. 從五個位置中選擇一個:置中、左上、右上、左下或右下。置中選項會將標籤對齊圖片的中點;角落選項會使用依圖片尺寸縮放的安全邊距,將標籤對齊靠近的邊緣,使文字不會直接貼在邊框上。
  4. 將字型大小設定為 12 到 200 像素之間的整數。這個數字是所要求的尺寸,而非保證尺寸:瀏覽器會先測量文字,當文字超出可用寬度或高度時,會按比例縮小字型。
  5. 將透明度設定為 10 到 100 percent。較低的數值可讓底層照片透出字母;100 percent 會產生完全不透明的文字。
  6. 以六位數 HEX 值挑選文字顏色。工具不會自動加上外框、陰影或進行對比分析,因此若所選顏色與照片融合,請選擇對比更強的顏色或改用其他位置後重新算繪。
  7. 選擇「Add watermark」(加上浮水印),然後在結果預覽中檢視算繪後的文字。如果位置看起來正確,便下載新檔案。下載的 PNG 與來源具有相同的像素尺寸,且檔名以「-watermarked」結尾。

浮水印的位置、大小、透明度與顏色控制項

每個控制項都有定義的範圍與行為。位置決定的是幾何關係,而非僅僅是視覺擺放。置中選項會將文字對齊圖片中點,而角落選項會使用依圖片尺寸計算的邊距,將標籤對齊靠近的邊緣。這套幾何關係在寬形、高形與正方形圖片上都能保持一致,因此同樣的五位置系統可用於人像、全景與商品照片,無需手動微調。

設定可接受的值在邊緣時的行為
位置center, top left, top right, bottom left, bottom right角落位置使用依尺寸調整的邊距,使標籤不會接觸邊緣
字型大小12 到 200 px 之間的整數當測量後的文字超出可用寬度或高度時,會自動縮小;極小的圖片可能會算繪為低於所要求的最小值,以維持文字在畫面內
透明度10 到 100 percent較低數值會與照片融合;100 percent 為完全不透明
顏色六位數 HEX,例如 #FFFFFF不會加上外框或陰影;與照片的對比由使用者自行負責
文字長度最多 120 個字元過長會被截斷,空白會被拒絕,送出時會阻擋過長文字

字型大小的行為值得特別說明,因為它是最容易被誤用的設定。所輸入的數字是期望的字型大小,而非絕對值。瀏覽器會使用與輸出相同的粗體系統無襯線字型測量實際文字,當標籤超出可用寬度或高度時按比例縮小。這能讓較長的審閱標籤保留在圖片內,而不會溢出右側邊緣。極小的圖片可能會算繪為低於所要求的最小值,因為讓完整文字留在圖片內被視為比裁切更安全的做法。

為何輸出永遠是 PNG,以及這代表什麼

浮水印結果一律以 PNG 匯出,即使來源是 JPEG 或 WebP。PNG 是一種確定性的本機匯出格式,沒有隱藏的品質滑桿,這也是為什麼相同的控制值在每次執行時都會產生相同的檔案。權衡在於,由 JPEG 照片匯出的 PNG 可能比原始來源檔案更大。如果最終檔案大小或 JPEG 交付方式很重要,請先檢查加上浮水印的 PNG,再將其送入另一個可清楚看見品質設定的轉檔或壓縮工具。像 PNG 轉 JPG圖片壓縮工具 就是為這個後續步驟所設計,無需重新算繪浮水印。

本機處理、限制與工具會拒絕的項目

解碼、文字測量、畫布繪製與 PNG 匯出都在瀏覽器中執行。原始圖片與浮水印文字都不會被上傳,也不會要求剪貼簿存取權限。下載的會是一個檔名以「-watermarked」結尾的新檔案;磁碟上的原始檔案則保持不動。為了讓本機流程保持可預測,工具會在開始時以及按下「Create」(建立)時再次執行輸入驗證,而非僅依賴表單控制項。

  • 空檔案會被拒絕。
  • 不支援的 MIME 類型會被拒絕。
  • 超過 25 MiB 的檔案會被拒絕。
  • 任一邊超過 20,000 像素或總尺寸超過 40 megapixel 的圖片會被拒絕。
  • 解碼後尺寸無效會被拒絕。
  • 空白的浮水印文字會被拒絕。
  • 超過 120 字元上限的浮水印文字會在送出時被阻擋。
  • 工作計數器可防止較舊的非同步匯出在檔案或設定變更後覆蓋較新的結果。
  • 暫時性的預覽與結果網址會在被取代或元件卸載時釋放。

浮水印何時有用、何時沒有用

可見的文字圖層相當適合用於審閱標籤、版權聲明、校樣圖片、草稿戳記、活動名稱、作品集預覽與產品識別標籤。它能勸阻隨意的轉用,並讓觀看者立即瞭解他們所看到的內容。它並非密碼學等級的保護、數位版權管理、作者身分證明,也不是保證圖片無法被裁切或編輯。對於法律上的所有權、授權、證據保存或專業圖庫交付,請使用該工作流程所要求的文件與控制項,而非僅依賴一個可見標籤。請將浮水印視為蓋在圖片上的一張透明備註,並以此角色為前提選擇位置、大小、透明度與顏色,讓標籤輔助照片,而非與照片相互干擾。

如需更深入的說明,請參閱 如何在 Lightroom 中為圖片加上浮水印

如需更深入的說明,請參閱 如何在 WordPress 上傳前為圖片加上浮水印