為圖片加上浮水印，代表將一段可見的文字標籤直接燒入圖片的像素中，因此無論任何人檢視、下載或截圖該檔案，都會在照片旁看到你的版權聲明、品牌名稱、草稿戳記或審稿註記。為圖片加上浮水印工具 能在你的瀏覽器中完成這項工作，無需將檔案上傳到任何地方：你可以選擇一個不超過 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 百分比的透明度滑桿，因為接近隱形的浮水印服務於不同的目的（取證追蹤），若出現在明確不做這件事的工具中會造成誤導。
色彩透過瀏覽器原生色彩選擇器以六位數的 HEX 值選取。HEX 是單一均勻色彩最簡單的表示方式，可避免在工具內部於 RGB、HSL 與具名色彩之間轉換。如果你選的色彩與底層照片融合在一起，解決方式是挑選對比更高的數值或將標籤移至其他位置後重新產生；工具不會執行自動對比分析，因此視覺判斷由你負責。同一組驗證會執行兩次——一次在你變更表單數值時，一次在你按下「建立」時——因此超出範圍的不透明度或無效的 HEX 不會悄悄溜進渲染結果。
完整工作流程：為圖片加上浮水印
工作流程很短，每一個步驟都有單一明確的結果。
- 選擇一個不超過 25 MiB 的 JPG、PNG 或 WebP 檔案，並輸入浮水印文字。文字欄位最多接受 120 個字元；空白輸入會在下一步被拒絕，因此多餘的空格不會悄悄產生空白標籤。
- 選擇位置、字型大小、不透明度與文字色彩，然後點選「加上浮水印」。位置為五種錨點之一；字型大小為 12 到 200；不透明度為 10 到 100 百分比；色彩為六位數的 HEX。同樣的驗證會在此階段再次執行，因此超出範圍的數值無法繞過表單控制項。
- 在結果預覽中檢查渲染出來的文字，並下載新的 PNG。下載的檔名會以「-watermarked」結尾，而原始檔案保持不變。工具內部的工作計數器可防止較舊的非同步匯出在你兩次點擊之間變更檔案或設定時，覆蓋較新的結果。
三個小習慣能讓結果更可預期。第一，以字型友善的順序輸入標籤——最重要的詞彙放前面——這樣即使為了配合而縮小字型，仍能保留你重視的可見部分。第二，在忙碌的照片上為品牌標籤時，先從大約 60 百分比的不透明度開始；在素色背景上為審稿或草稿標籤時，則使用 100 百分比。第三，以實際檢視時的尺寸預覽結果，因為在全解析度下看起來合適的浮水印，在縮圖大小下可能會變得無法辨識。
工具刻意不做的事
承諾過多的浮水印工具較難令人信任。本工具明確列出未包含的功能：沒有外框、沒有陰影、沒有平鋪圖樣、無法使用標誌圖片、無法旋轉，也不會執行自動對比分析。這些功能各自都是會在使用者未要求的情況下改變標籤外觀的獨立決策，而本工具的承諾是只做一件透明的事——以明確的設定將可讀文字燒入本地圖片。
輸出永遠是 PNG，即使來源是 JPEG 或 WebP。PNG 提供確定性的本地匯出且沒有品質滑桿，這代表你在預覽中看到的位元組就是你下載的位元組。副作用在於 PNG 輸出通常比 JPEG 來源更大，因此若最終傳遞的檔案大小很重要，請將加上浮水印的 PNG 透過明確的轉檔或壓縮工具處理，讓品質與大小的取捨能被看見而非隱藏。
原始幾何資訊會被保留。圖片會以其原始寬度與高度解碼、繪製到等大的畫布，浮水印則疊加在上方，因此在文字區域之外，來源的像素尺寸、長寬比與可見內容皆維持不變。不需要剪貼簿存取權，且不會有暫存預覽網址存活超過產生它的元件。
Common workflows that benefit from a text watermark
Visible text watermarks serve a specific set of jobs, and matching the label to the job keeps the result useful rather than decorative. Review labels, proof images, and draft stamps usually want fully opaque text in a corner so a viewer knows the status at a glance. Ownership notices, copyright lines, and brand marks are best in a corner at moderate opacity, large enough to read but quiet enough to leave the photograph visible. Event names, portfolio previews, and product identifiers often look best centered, where the label is part of the composition rather than an aside.
Because the file is processed locally — neither the source image nor the watermark text is uploaded — the tool is suitable for confidential work: pre-publication review, unreleased product photos, internal drafts, and any image whose contents you do not want leaving your machine. Temporary preview and result URLs are released when they are replaced or when the component unmounts, so nothing lingers in memory longer than the active session. A visible watermark discourages casual reuse, but it is not cryptographic protection, digital rights management, proof of authorship, or a guarantee that content cannot be cropped or edited; for legal ownership, licensing, evidence preservation, or professional stock delivery, use the documentation and controls that workflow actually requires.
Related reading: Is JPG to PNG Safe to Use Online? A Privacy Check.