如何使用

底图加载：上传需要标注的底图，支持超大分辨率 JPG 或 WEBP 图片。
导入印章：从预设库选择或通过侧栏上传自定义素材。强烈建议导入 SVG 图标以获得极致的无损缩放效果。
参数调节：在控制面板实时微调印章的大小、透明度，开启“连续模式”实现快速连打。
画布操作：滚轮缩放查看细节，Space + 鼠标拖拽平移，点击即可像素级精准打点。
灵活导出：在导出面板切换 PNG（透明）、WebP（高效）或 JPG 格式，并可同步导出 JSON 坐标数据。

核心功能

全格式导入兼容：完美支持 SVG 矢量图及 PNG、JPG、WEBP、GIF、BMP 等主流位图格式导入印章库。
SVG 无损缩放技术：导入 SVG 图标后可进行无限次缩放，绝不模糊或产生像素锯齿，确保标注细节达到出版级精度。
下一代格式导出：支持生成高质量 WebP 格式，在保持画质的同时大幅缩小文件体积，优化网页加载性能。
透明背景完美保留：导出 PNG 或 WebP 时自动保留印章透明层，解决 JPG 背景变白痛点，JPG 导出则支持 0.92 高质量压缩。
结构化数据映射：一键导出 JSON 坐标映射表，记录每个标记点的原始像素坐标，方便二次开发与系统集成。
极致隐私背书：采用浏览器本地 Canvas 处理技术，底图与标注均不上传服务器，保护敏感业务图片安全。

计算逻辑

本工具的核心渲染引擎在 2026 版本中实现了从位图到混合矢量坐标系 (Hybrid Vector Coordinate System) 的跨越。针对 SVG 导入，系统利用浏览器的原生 XML 解析引擎将其绘制到独立的分层 Canvas 缓冲区中，从而实现 $\infty$ 级别的无损缩放。当执行盖章动作时，系统会捕捉当前缩放因子 $S$ 并在输出层进行重采样。其导出逻辑基于高性能的 canvas.toBlob 异步生成技术：

Image_{output} = \int_{layer=0}^{n} (Canvas_{base} + \sum Stamp_{i} \cdot Opacity_{i})

对于 WebP 格式，我们采用了 Chrome 引擎内核的编码算法，在压缩率上比传统图片提升约

70\%

。导出的 JSON 数据则记录了

\Delta X

和

\Delta Y

的偏移量，确保坐标在不同的屏幕密度 (DPI) 下均能通过映射公式

X_{abs} = X_{rel} \cdot W_{original}

完美回溯。所有计算均在主线程外完成，避免了大图像处理时的界面卡顿。

常见问题

Q: 为什么导入的 SVG 图标在缩放时不会模糊？

SVG 是基于数学矢量的图形格式，本工具在渲染时会实时计算其路径数据，而非拉伸像素，因此无论放大多少倍都能保持边缘锐利。

Q: 导出图片时如何保留透明背景？

请在导出选项中选择 PNG 或 WebP 格式。JPG 格式由于编码限制不支持透明通道，会自动将透明区域填充为背景色。

Q: 坐标导出的 JSON 数据可以用于战术复盘系统吗？

完全可以。JSON 包含了每个标记相对于底图原始分辨率的绝对像素坐标（x, y），开发者可以轻松将其集成到任何第三方复盘或数据分析系统中。

Q: 我的图片会被上传到云端吗？

绝对不会。EasyTools.cc 坚持 Privacy First 原则，所有图片盖章和导出过程均在您的浏览器本地内存中完成，数据安全等级等同于离线软件。

Q: 导出 WebP 格式有什么优势？

WebP 是下一代网页图片格式，它在提供与 PNG/JPG 相当的画质时，体积通常缩减 70% 以上，非常适合需要将标注图发布到网页或社交媒体的场景。

Q: 支持导入动态 GIF 作为印章吗？

支持导入，但盖章瞬间会捕捉 GIF 的当前帧作为静态图层。如果需要动态标注，建议使用我们的视频标注工具。

通用图片盖章标注工具 (支持 SVG 与 WebP) - 在线无损标记与 JSON 导出 2026