浮水印是一段可見的文字標籤，直接疊加在圖片上，用來標示著作權、標註草稿，或讓人一眼看出用途，而 為圖片加上浮水印 工具可以讓你在瀏覽器中以三個簡單的步驟，為 JPG、PNG 或 WebP 檔案加上浮水印。你挑選圖片、輸入要燒入的文字、選擇放置位置，然後把結果以 PNG 格式下載，整個過程完全不必將原始照片上傳到遠端伺服器。這種適合新手的方式跳過了安裝、註冊和隱藏選單，所以即使你從未編輯過圖片，也能輕鬆完成。工具會在本地端處理所有步驟：解碼你的來源圖片、測量文字的適合度、依照你選定的位置和大小繪製文字，然後輸出一個檔名以 "-watermarked" 結尾的新檔案，同時完全不更動原始檔案。本指南會逐一說明每個設定、用白話解釋每個選項的意義，以及如何避免新手最常犯的錯誤，讓你的第一個浮水印正是你想要的樣子。
浮水印實際的作用（以及它做不到的事）
浮水印是一段疊在照片上的文字，而不是藏在檔案 metadata 中的隱藏簽章。由於任何看到圖片的人都能看到它，因此很適合用於證明標籤、著作權聲明、草稿戳記、活動名稱、作品集預覽和產品識別。大多數新手用它來防止隨意轉載，或讓截圖更容易追溯來源。
同樣重要的是要了解浮水印不是什麼。可見的文字覆蓋不是加密防護、不是數位版權管理，也不足以作為法庭等級的著作權證明。有心人士仍然可以裁切、修飾或遮蓋文字。若涉及法律上的著作權或證據保存，你需要符合特定工作流程的文件與管控措施——浮水印本身只是一種禮貌性的可見訊號，用來勸阻隨意的轉載。
新手如何選擇合適的浮水印設定
「為圖片加上浮水印」工具只提供五個控制選項，每一個都對應到浮水印外觀的一項實際決定。
文字：最多 120 個字元。保持簡短——你的名字、版權符號或簡短的專案標籤，幾乎都能乾淨地放在任何圖片上。空白文字會被拒絕，過長的文字也會被擋下，所以這個控制項不會讓你產生一個壞掉的標籤。
位置：五個選項——置中、左上、右上、左下、右下。置中選項會以圖片中心點對齊。角落選項會靠向附近的邊緣對齊，工具會依據圖片尺寸套用邊界，確保文字不會直接貼在邊緣上。
字級：12 到 200 像素的整數。瀏覽器會在繪製前實際測量文字，若標籤超過可用寬度或高度，工具會等比例縮小，同時保留小邊界。這代表非常小的圖片可能產生低於你所要求最小值的尺寸，因為保留完整文字比裁切更安全。
不透明度：10 到 100 百分比。較低的數值讓圖片能透出字體後方；100 百分比則是完全不透明的文字。對於證明或審核標籤來說，30 到 60 百分比的不透明度通常是最佳選擇，因為底下的照片仍清晰可讀。
顏色：透過瀏覽器的色彩控制項挑選的六位數 HEX 值。文字以粗體系統無襯線字型繪製，並採用中間基線，因此不同圖片之間的粗細和對齊方式都一致。工具不會加上外框、陰影、拼貼花樣或旋轉——這些功能可能產生意外結果，並讓簡單的文字工作流程變得複雜。
加上浮水印：涵蓋整個流程的五個步驟
完整的工作流程只需要幾次點擊。每一步都有明確的目的，且順序很重要，因為你在第二步選的設定，要到第三步之後才會在預覽中看到效果。
- 在瀏覽器中開啟「為圖片加上浮水印」工具，並選擇一個不超過 25 MiB 的 JPG、PNG 或 WebP 檔案。在標籤欄位中輸入要做為浮水印的文字。工具會在此階段同時驗證這兩項——空檔案、不支援的 MIME 類型、超過 25 MiB 的檔案、無效的解碼尺寸、邊長超過 20,000 像素的圖片，以及超過 4,000 萬像素的圖片，都會在繪製開始前被拒絕。
- 從五個選項中選擇位置，設定 12 到 200 像素之間的字級，選擇 10 到 100 百分比之間的不透明度，並挑選一個與照片成對比的 HEX 顏色。瀏覽器的表單控制項會提供第一層驗證，而工具會在你按下「建立」時重新檢查每個數值，而非僅依賴這些控制項。
- 選擇「建立」。瀏覽器會解碼來源圖片，將它繪製到相同尺寸的畫布上，以輸出時使用的同一個粗體系統字型測量標籤，並在文字會超出畫布邊界時按比例縮小字級。
- 在結果預覽中檢查繪製出的文字。若顏色融入照片，就選擇對比更強的 HEX 值或換個位置再產生一次。若文字看起來正確，就下載新檔案。
- 下載的檔案是 PNG，檔名以 "-watermarked" 結尾。原始照片在你的裝置上保持原樣，且不會有副本被上傳到伺服器。
工具內部的工作計數器可防止舊的非同步匯出取代較新的結果——若你在匯出中途變更檔案或設定，總是會看到你實際設定的那個檔案的預覽。臨時的預覽與結果 URL 在被取代或元件卸載時就會釋放，讓長時間使用下的記憶體用量保持可預測。
位置、大小與顏色——讓文字清晰可讀
這五個位置並非可任意替換，選哪一個取決於你的圖片樣貌。下表整理了每個位置的行為與最適合的使用情境。
| 位置 | 幾何對齊 | 最適合 |
|---|---|---|
| 置中 | 以圖片中心點為基準對齊 | 草稿戳記、在空白背景上的大型證明標籤 |
| 左上 | 靠左上邊緣對齊並保留邊界 | 橫式照片上的標誌、品牌名稱、攝影師簽名 |
| 右上 | 靠右上邊緣對齊並保留邊界 | 日期、版本編號、批次識別 |
| 左下 | 靠左下邊緣對齊並保留邊界 | 版權聲明、圖說、活動名稱 |
| 右下 | 靠右下邊緣對齊並保留邊界 | 標準的照片版權、傳統的攝影師浮水印 |
不論長寬比為何，幾何對齊都保持穩定，因此在寬圖、直圖或方形圖上，同一個角落選擇的行為是一致的。這種一致性正是工具採用依尺寸調整的邊界而非固定像素位移的原因，也是為何角落位置在一整批圖片中都能給人相同的感覺。
顏色的選擇值得花點心思。由於文字是以單一粗體無襯線字型繪製、沒有外框或陰影，對比是清晰可讀的唯一手段。若照片偏亮，像 #111111 這樣的深色 HEX 在中等不透明度下就能清晰呈現。若照片偏暗，像 #FFFFFF 這樣的淺色 HEX 效果較好。若所選顏色融入照片，最簡單的解法是挑選對比更強的顏色或挪動標籤位置——工具刻意不加入自動對比分析，因為這可能產生意外結果，並讓簡單的文字工作流程變得複雜。
如果你曾經用過小畫家，卻覺得它在文字樣式、不透明度控制或非破壞性預覽方面有所不足，針對該情況的專屬教學 會說明瀏覽器工具如何無需安裝就補上這些缺口。
隱私以及原始檔案的處理方式
浮水印流程的每個環節——解碼、文字測量、畫布繪製和 PNG 匯出——都在你的瀏覽器本地端執行。來源圖片和浮水印文字都不會上傳到任何地方。不需要剪貼簿權限，且原始照片在匯出後仍完整保留在你的裝置上。
輸出永遠是 PNG，即使來源是 JPEG 或 WebP，因為 PNG 提供穩定的本地匯出，且不需要管理額外的品質滑桿。這可能讓輸出檔案比 JPEG 來源更大。若最終檔案大小或 JPEG 交付很重要，請先檢查加上浮水印的 PNG，再透過專門的轉檔步驟處理，以便清楚看到品質取捨。工具絕不會覆蓋你的原始檔案，且因為圖片是繪製到相同尺寸的畫布上、浮水印疊加在上方，原始幾何資訊得以完整保留。
繪製本身使用的是 MDN 參考的 CanvasRenderingContext2D.fillText 中所述的同一套畫布文字常式，因此你在預覽中看到的呈現方式，與匯出 PNG 內部的呈現方式完全相同。
解讀結果預覽並調整設定
結果預覽是下載前的安全網。請仔細觀察三件事：文字是否與照片最亮和最暗的部分都能形成對比、整個標籤是否落在畫布邊界之內，以及位置是否符合你想傳達的訊息。右下角的版權戳記讀起來像是「正式」，而置中的標籤讀起來像是「草稿」或「證明」——同樣的文字會因放置位置不同而帶來截然不同的意涵。
若標籤對圖片而言太小，請提高字級並重新產生。若標籤過大而觸發自動縮小，請縮短文字，或使用像 " | " 這樣的手動分隔符將它拆成兩行短文字。若顏色消失在背景中，請改挑選亮度光譜上相反方向的顏色，而不是微調不透明度——不透明度改變的是文字的感受，顏色改變的則是你到底能不能讀到它。
浮水印文字會被修剪、空白文字會被拒絕、過長的文字會被擋下，因此表單從一開始就不會讓你產出損壞的結果。當預覽與你心中所想一致時，按下下載，帶有 "-watermarked" 後綴的 PNG 就會儲存到與原始檔案同一處——而且因為遠端伺服器上不會留下任何副本，你的來源仍是裝置上這張照片唯一存在的版本。
若你正在權衡各種選擇，從 Excel 擷取圖片：新手指南 有更詳細的說明。