Image Watermark 图片水印工具
Image Watermark 可在浏览器内为图片添加文本水印，全部处理在客户端完成，确保图片不上传到服务器，保护隐私安全。
Image Watermark 是一款基于浏览器的图片水印工具，利用 OffscreenCanvas 实现高效的客户端文本渲染。它支持对图片进行透明度在 5% 到 100% 之间的水印叠加，并通过白色填充加 2px 黑色描边的方式保证水印在深浅背景上的清晰度。所有处理均在本地执行，避免上传图片，保障数据隐私。此工具适合与 Resize Image 和 Crop Image 等图像编辑工具配合使用，满足开发者和设计师多样化需求。
如何使用 Image Watermark
- 上传或拖拽你需要添加水印的图片。
- 输入水印文本，调整字体大小（12-200px）和透明度（5%-100%）。
- 选择水印位置：中心单个文字、左上到右下对角线重复五次，或右下角右对齐。
- 点击“生成”按钮，查看带水印的图片预览。
- 下载处理后的图片，保持原图质量。
工作原理
该工具利用 OffscreenCanvas 在浏览器端渲染文本水印，先绘制原始图片，再用 ctx.globalAlpha 设置的透明度覆盖文本。文本采用无衬线字体，白色填充加 2px 黑色描边，确保在不同背景色下均清晰可见。水印位置支持三种模式：中心单一文本、-45° 旋转并垂直重复五次的对角线、右下角右对齐。全部计算和渲染均在客户端执行，无需上传图片，极大保障用户隐私安全。
示例
输入图片：photo.jpg (1920x1080px)
水印文字：Sample Watermark
字体大小：48px
透明度：30%
位置：对角线
输出图片：photo-watermarked.png (包含水印，文件大小略增)适用场景
- 开发者需要为测试图片添加版权标识，防止未经授权使用。
- 设计师在展示作品时添加品牌名称或版权信息。
- SEO 专员为网站图片添加水印，防止内容被盗用。
- 学生或教育工作者对图像素材进行标注，便于归属识别。
- 与
Rotate Image、Flip Image工具配合使用，完成图像编辑全流程。
常见问题
Image Watermark 支持哪些图片格式？
该工具支持浏览器常见的图片格式，如 JPEG、PNG 和 WebP。由于所有处理在客户端完成，图片格式兼容取决于浏览器对相应格式的支持。
水印的透明度如何设置？
透明度范围为 5% 到 100%，通过 ctx.globalAlpha 实现。较低透明度水印在视觉上更隐蔽，而高透明度则更明显，用户可根据需求调整。
为什么选择白色填充加黑色描边？
此配色方案保证水印在浅色和深色背景上均清晰可见。黑色描边（2px）增强文字边缘对比，避免背景颜色影响水印识别度。
图片会上传到服务器吗？
不会。所有水印处理均在浏览器端使用 OffscreenCanvas 进行，图片数据不经过服务器上传，保障用户隐私和数据安全。
能否调整水印字体大小？
支持，字体大小范围为 12px 到 200px，满足从细小标注到大面积覆盖的多种需求。