如何使用

底圖加載：上傳需要標註的底圖，支援超大解析度 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