為圖片加上浮水印,意味著將可見的文字標籤直接烙印到圖片的像素中,因此任何檢視、下載或截圖檔案的人都會在照片旁直接看到您的版權聲明、品牌名稱、草稿戳記或審稿註記。為圖片加上浮水印工具 能在您的瀏覽器中完成這項作業,無需將檔案上傳到任何地方:您可以選擇一個大小不超過 25 MiB 的 JPG、PNG 或 WebP,輸入最多 120 個字元的浮水印文字,選擇位置、字型大小、透明度與色彩,然後下載一個以原始圖片完全相同像素尺寸繪製的全新 PNG。因為畫布保留了原始的寬度與高度,圖片其他部分不會受到任何影響,而浮水印則永久附著在輸出檔案中。這種浮水印並非寫式的中繼資料,也非隱形的鑑識追蹤;而是疊加在可見圖片上的可讀文字,而這個單一且透明的作業,正是讓結果具備可預測性、僅能透過裁切或編輯還原、且易於在您確認前預覽的原因。

覽器圖片工具中「加上浮水印」的意義
嚴格來說,在圖片編輯器的定義中,浮水印是直接繪製於圖片之上的可見文字覆蓋層。它與 EXIF 中繼資料不同——後者雖然隨檔案一起傳遞,但常在上傳時被移除;也不同於數位指紋或隱寫術——後者會將資訊隱藏於圖片之中,以便日後進行鑑識還原。文字浮水印正如其外觀:任何檢視圖片的人都能閱讀,且繪製於前景圖層,而非藏入隱藏欄位中。
可見的文字浮水印之所以歷久不衰,正是因為它的簡單性。它會將您的姓名、品牌、專案名稱或草稿狀態放在隨意轉載者容易看到的位置,並且能夠在縮放、截圖、社群媒體重新壓縮以及大多數分享方式中存活下來。它的缺點同樣顯而易見:可見的浮水印可能會被裁切掉、被塗抹覆蓋、被內容感知工具修飾,或被另一張圖片蓋住,因此它無法取代授權合約、合約註明出處或數位版權管理。
基於瀏覽器的浮水印工具會在本地端執行所有步驟。來源檔案會以 JavaScript 解碼、繪製到一個相同尺寸的畫布上,使用與輸出相同的粗體無襯線字型來測量所選文字,以具備尺寸感知的邊距來定位文字,並透過瀏器內建的畫布匯出功能將結果匯出為 PNG。根據 MDN 關於 CanvasRenderingContext2D.fillText 的說明文件,覽器會處理字形繪製與基線位置,因此渲染出來的文字會依照表單中選擇的位置、大小、透明度與色彩呈現。
您應該知道的檔案類型、字元數與大小限制
輸入的檢查會在您選擇檔案以及點擊建立時各執行一次,因此事先了解這些限制可以避免重來一次。
| 限制 | 數值 |
|---|---|
| 接受的格式 | JPG、PNG、WebP |
| 最大檔案大小 | 25 MiB |
| 最大文字長度 | 120 個字元 |
| 最大邊長 | 20,000 像素 |
| 最大解析度 | 40 百萬像素 |
如果超過上述任何一項限制,或檔案為空、MIME 類型不支援,或無法解碼為有效尺寸,則不會產生浮水印。空白文字與過長文字也會被拒絕,而非靜默地截斷,這能避免因誤貼或打錯字而產生空白或過大的標。120 個字元的上限對於一行版權聲明加上年份與網址已經相當充裕,但仍不足以取代冗長的說明文字;如果您的標籤在所選字型大小下太寬,工具會測量實際渲染的寬度,並按比例縮小字型,讓標籤維持在圖片邊距內。
五個位置及其幾何計算方式
位置選擇器提供五個選項,每個選項各自錨定到圖片的不同位置。了解幾何計算方式有助於您在產生之前,為標籤選擇正確的位置。
| 位置 | 錨點 | 典型用途 |
|---|---|---|
| 置中 | 圖片中心點、中央基線 | 草稿、活動名稱、加上浮水印的預覽 |
| 左上 | 左上角並留邊距 | 署名、攝影師標記 |
| 右上 | 右上角並留邊距 | 版權聲明、日期戳記 |
| 左下 | 左下角並留邊距 | 來源網址、代理商編號 |
| 右下 | 右下角並留邊距 | 所有權標記、品牌標誌 |
對於全部四個角落位置,邊距會依據圖片尺寸而非固定像素值來計算,因此無論是小縮圖還是 4K 輸出,都能獲得比例一致的留白。文字不會緊貼任何邊緣,因此即使以不同尺寸檢視圖片,標籤依然清晰可讀。置中位置會以圖片中心點與中央基線對齊,因此單行文字會在視覺上真正置中,而不會偏向畫面上方。字型採用系統粗體無襯線字,省去了在所下載 PNG 內嵌入自訂字型檔的需求。
字型大小、透明度與色彩控制項說明
有三項數值控制項會決定浮水印在照片上的顯眼程度:字型大小、透明度與色彩。每項都有明確的範圍與當所選數值會破壞結果時的具體行為。
字型大小接受 12 到 200 像素之間的整數。這個數字是「期望」大小,並非絕對保證:工具會先測量實際渲染出的文字,若在該大小下會超出可用的寬度或高度,便會在保留小邊距的前提下縮減字型。對於非常小的圖片,最終大小可能會低於 12 像素的最小值,因為讓完整標籤保留在畫布之內,會比強求達到指定大小更為重要。
透明度的範圍為 10 到 100 百分比。較低的數值能讓底層影像透過字母顯現,這正是多數人在照片上使用品牌標籤時所想要的效果;100 百分比則會產生完全不透明的文字,適合用於草稿戳記、審稿標記,以及任何需要立即讀取的標籤。10 百分比以下並未提供透明度滑,因為近乎隱形的浮水印是用於鑑識追蹤的另一種用途,放進一個明確表示不執行該作業的工具中,反而會造成誤導。
色彩透過覽器原生的色彩選擇器,以六位數的十六進制值選取。十六進制是表示單一均勻色彩最簡單的形式,可以避免在工具內部轉譯 RGB、HSL 與具名色彩之間的對應。如果選取的色彩與底層照片融為一體,解決方法是挑選對比更鮮明的數值,或將標籤移至其他位置後重新產生;工具並不會執行自動對比分析,因此視覺判斷完全交由您負責。相同的驗證會執行兩次——一次在您變更表單數值時,另一次在您點擊建立時——因此超出範圍的透明度或無效的十六進制值,不可能溜進渲染結果中。
完整工作流程:為圖片加上浮水印
工作流程很短,每個步驟都只有一個明確的結果。
- 選擇一個不超過 25 MiB 的 JPG、PNG 或 WebP,並輸入浮水印文字。文字欄位最多接受 120 個字元;空白輸入會在下一步被拒絕,因此不慎輸入的空白鍵並不會悄悄地產生空白的標籤。
- 選擇位置、字型大小、透明度與文字色彩,然後選擇「加上浮水印」。位置為五個錨點之一;字型大小為 12 到 200;透明度為 10 到 100 百分比;色彩為六位數的十六進制值。此階段會再次執行相同的驗證,因此超出範圍的數值無法繞過表單控制項。
- 在結果預覽中檢查渲染出的文字,並下載新的 PNG。下載的檔名會以「-watermarked」結尾,原始檔案則維持不變。工具內部的任務計數器,可防止在您連續點擊之間變更檔案或設定時,較舊的非同步匯出覆蓋較新的結果。
有三個小習慣能讓結果更具可預測性。第一,請以利於字型呈現的順序輸入標籤——最重要的詞彙放在最前面——如此一來,若因配合版面而被縮小,您仍能保留最重要的可見部分。第二,於複雜照片上加上品牌標籤時,建議從 60 百分比左右的透明度開始;若是在單純背景上標示審稿或草稿標籤,則使用 100 百分比。第三,請以實際檢視的尺寸預覽結果,因為在完整解析度下看起來合適的浮水印,在圖片縮成縮圖時可能會變得無法辨識。
工具刻意不做的事
承諾過多的浮水印工具,反而更難讓人信任。這個工具明確列出未提供的功能:沒有外框、沒有陰影、沒有平鋪圖樣、沒有標誌圖片、沒有旋轉,也沒有自動對比分析。上述每一項功能都是一項獨立的決策,都可能以使用者未要求的方式改變標籤的外觀;而本工具的承諾就是做好一件透明的事——以明確的設定,在本地端將可讀文字烙印進圖片中。
輸出永遠是 PNG,即使來源是 JPEG 或 WebP。PNG 提供確定性的本地匯出,且沒有品質滑桿,這代表您在預覽中看到的位元組,就是您下載到的位元組。附帶影響是 PNG 匯出通常會比 JPEG 來源更大,因此若最終傳遞的檔案大小很重要,請將加上浮水印的 PNG 透過明確的轉檔或壓縮工具處理,讓品質與大小的取捨攤在陽光下,而非被隱藏起來。
原始的幾何結構會被完整保留。圖片會以其原始的寬度與高度解碼、繪製到一個相同尺寸的畫布上,並在其上疊加浮水印,因此除了文字區域之外,來源的像素尺寸、長寬比與可見內容皆維持不變。不需要剪貼簿存取權限,也不會有任何暫存預覽網址在產生它的元件銷毀後繼續存在。
適合使用文字浮水印的常見工作流程
可見的文字浮水印適用於一組特定的工作,而將標籤與用途對應,能讓成果保持實用而非僅是裝飾。審核標籤、校樣影像和草稿戳記通常希望在角落使用完全不透明的文字,讓檢視者一眼就能知道狀態。所有權聲明、版權說明和品牌標誌則適合放在角落,使用中等不透明度,字體大小要足以閱讀,但又足夠低調不遮擋照片。活動名稱、作品集預覽和產品識別碼通常放在中央效果最好,讓標籤成為構圖的一部分,而非附帶說明。
由於檔案是在本機處理——既不會上傳來源影像,也不會上傳浮水印文字——此工具適合用於機密工作:出版前審核、未公開的產品照片、內部草稿,以及任何您不希望內容離開機器的影像。臨時的預覽和結果 URL 會在被取代或元件卸載時釋放,因此記憶體中不會留存超過作用中的工作階段。可見的浮水印能防止隨意的重複使用,但它並非加密防護、數位版權管理、著作權證明,也無法保證內容不會被裁切或編輯;若涉及法律上的所有權、授權、證據保存或專業圖庫交付,請使用該工作流程實際需要的文件和控管措施。