05 / 05
開源項目工具與開源2025
水印 Shuiyin
批量加水印，全程本地處理。
在瀏覽器內為身份證和各類證件批量加水印——每張圖片都在本機處理，從不上載。
項目資料
- 授權
- GPL-3.0
- 類型
- 開源網頁工具
- 格式
- PNG · JPEG · GIF · WebP
- 私隱
- 100% 本地處理，不上載
概覽
水印 Shuiyin 是一款私隱為先的水印工具。一次拖入多張圖片，設定文字、顏色、角度和間距，即時預覽，然後逐張下載或打包成 ZIP。
01緣起
要解決的問題
不少人傳送身份證或商業登記證副本前，都會先加上水印；但大部分網上工具都要把這些敏感圖片上載到無從查證的伺服器。
02做法
怎樣運作
01 / 03
所有處理都在瀏覽器的 Canvas 上完成，圖片不會離開你的裝置——即使離線亦可使用。
02 / 03
以 React 和 TypeScript 重構 joyqi 的開源項目 sfz，把原有程式碼改寫成元件化架構，並以專屬 Hook 分別處理圖片管理和水印繪製。
03 / 03
以 GPL-3.0 授權開源，任何人都可以審視檔案究竟如何被處理。
03功能
它能做到甚麼
01
完全本地
全部在瀏覽器內處理，不會上載任何檔案。
02
即時預覽
一邊調整，一邊看到每張圖片的水印效果。
03
批量處理
一次過為多張圖片加上水印。
04
靈活匯出
可逐張下載，或打包成 ZIP 一次下載。
05
拖放加入
把 PNG、JPEG、GIF 或 WebP 檔案直接拖進頁面即可。
06
自訂水印
文字、顏色、透明度、角度、間距和字體大小都可調整。
04畫面
真實運行中的畫面。
05資料
項目詳情
- 我們的角色
- 重構、維護並託管這個開源項目。
- 平台
- 網頁 · 桌面及手機瀏覽器
- 技術
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Canvas
- JSZip
- 授權條款
- GPL-3.0
- 連結
- 網上示範（在新視窗開啟）in.15o.cc
- 首次發佈
- 2025