為圖片加入浮水印
在本機為 JPG、PNG 或 WebP 加上清楚的文字浮水印,並控制位置、大小、顏色與不透明度。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.選擇不超過 25 MiB 的 JPG、PNG 或 WebP,並輸入浮水印文字。
- 2.選擇位置、字型大小、不透明度與文字顏色,再選取「加入浮水印」。
- 3.在結果預覽中檢查渲染文字,然後下載新的 PNG。
關於為圖片加入浮水印
為圖片加入浮水印可在不把圖片傳送到伺服器的情況下,於本機 JPG、PNG 或 WebP 上疊加文字標籤。輸入最多 120 個字元、選擇五種位置之一、設定字型大小、不透明度與顏色,再以來源圖片的原始畫素尺寸建立 PNG。結果適合用作審閱標籤、所有權聲明、校樣圖片、草稿標記、活動名稱、作品集預覽、產品識別,或任何需要在圖片上附加可見文字的流程。
位置選項包括中央、左上、右上、左下與右下。角落位置會依圖片尺寸保留邊距,避免文字直接貼住邊緣。文字使用粗體系統無襯線字型及中央基線繪製;中央選項會對齊圖片中點,角落選項則朝鄰近邊緣對齊,因此無論圖片是橫向、直向或正方形,位置幾何都可預期。
字型大小接受 12 至 200 畫素的整數。這是期望大小,不代表文字在任何情況下都能維持該尺寸。繪製前,瀏覽器會量測實際文字;若超出可用寬度或高度,工具會在保留少量邊距的同時把文字縮小,避免過長審閱標籤無聲超出輸出 Canvas。尺寸很小的圖片可能採用低於所選下限的實際字型大小,因為讓完整文字留在圖片內比裁切更安全。
不透明度範圍為 10% 至 100%。較低數值可讓圖片透過文字顯現,100% 則會產生完全不透明的文字。顏色透過瀏覽器色彩控制選擇六位數 HEX 值。本工具不會加入外框、陰影、平鋪圖案、標誌圖片、旋轉或自動對比分析,因為這些功能可能產生意外結果並使單純文字流程變得複雜。若所選顏色融入照片,請改用對比較高的顏色或其他位置後重新產生。
原始幾何會完整保留。圖片先繪製到相同尺寸的 Canvas,再於上方加入浮水印。無論來源是 JPEG 或 WebP,輸出一律為 PNG,因為 PNG 可提供穩定的本機輸出,不需要隱藏額外的品質滑桿決策。這可能讓輸出檔案大於 JPEG 來源;若最終檔案大小或 JPEG 交付很重要,請先檢查加上浮水印的 PNG,再使用能明確呈現品質取捨的圖片轉換或壓縮工具。
輸入驗證會拒絕空檔案、不支援的 MIME 類型、超過 25 MiB 的檔案、解碼後尺寸無效、任一邊超過 20,000 畫素,以及超過四千萬畫素的圖片。浮水印文字會先修剪,空白文字與過長文字都會被拒絕。選取建立時,字型大小、不透明度、顏色與位置會再次驗證,而不是只依賴瀏覽器表單控制。工作計數器可避免檔案或設定變更後,較舊的非同步輸出覆蓋新結果。
暫時預覽與結果 URL 在被替換或元件卸載時都會釋放。瀏覽器會在本機完成解碼、文字量測、Canvas 繪製及 PNG 輸出;來源圖片與浮水印文字都不會上傳到 Lizely,也不需要剪貼簿權限。下載內容是檔名以「-watermarked」結尾的新檔案,來源則保持不變。
可見浮水印能降低隨意重用的可能性,但它不是密碼學保護、數位權利管理、作者身分證明,也無法保證內容不被裁切或編輯。請勿把它描述成不可見的鑑識追蹤。涉及法律所有權、授權、證據保存或專業圖庫交付時,請採用該工作流程要求的文件與控制。本工具只完成一項透明工作:依明確設定把可讀文字燒錄到本機圖片,並提供可供檢查的預覽。
方法與來源
來源圖片在本機解碼,並以自然寬度與高度繪製。文字會經過驗證,再以輸出所用的同一粗體系統字型量測;超出可用寬度或高度時按比例縮小,依圖片尺寸計算邊距位置,使用所選 Alpha 與 HEX 顏色繪製,最後輸出 PNG。
常見問題
- 可見浮水印完全無法移除嗎?
- 不是。可見文字疊加能降低隨意重用,但仍可能被裁切、修圖或遮蓋。它不是密碼學保護或所有權證明。
- 文字比圖片更寬時會怎樣?
- 瀏覽器會量測文字並縮小字型,使標籤保持在圖片邊距內,而不是把它裁掉。
- 為什麼輸出一律是 PNG?
- PNG 可提供確定的本機 Canvas 輸出,不會隱藏有損品質選擇。需要時可在檢查結果後另行轉換或壓縮。
相關工具
圖片工具 使用指南
查看全部- Watermark Multiple Images Locally: One Image at a Time (英文原文)
- Add a Text Watermark to Images Without Uploading Them (英文原文)
- How to Watermark WordPress Images Before Uploading (英文原文)
- How to Add a Watermark to Images in Lightroom (英文原文)
- How to Watermark an Image When MS Paint Is Limited (英文原文)
- How to Add a Photoshop-Style Watermark in Your Browser (英文原文)
- How to Add a Watermark to an Image in Canva (英文原文)
- Add a Text Watermark to Any Image in Your Browser (英文原文)
- How to Add a Background to a PNG for Your Website (英文原文)
- Convert WebP to GIF on Mac Without Uploading It (英文原文)
- How to Convert WebP to GIF in Your Browser (英文原文)
- Convert SVG to PNG With a Transparent Background (英文原文)
- How to Convert SVG to JPG in Windows Without Software (英文原文)
- How to Make an Image a Solid Color in Photoshop (英文原文)
- Add Rounded Corners to a Photo in Your Browser (英文原文)
- How to Convert PNG to JPG Without Losing Quality (英文原文)
- Image Placeholder for Photoshop, Without the App (英文原文)
- Cities: Skylines 2: Create a Reference Overlay PNG Locally (英文原文)
- Turn Your Memento Backpack Division 2 Hunt Into a Meme (英文原文)
- Convert JPG to PNG Without Canva: A Faster Way (英文原文)