文章分享
ToolGarden 博客
分享 JSON、JSONC、JSON5、前端工具链、浏览器本地操作和开发效率相关的实用文章，关注无需上传和安全隐私的日常工作流。
ToolGarden 推荐的工具优先在浏览器本地运行，文件和文本不必上传到服务器，适合更注重安全隐私的日常处理。
主题指南
先阅读完整指南，再通过集群文章解决具体工作流或问题。
浏览器本地数据处理完整指南
了解 JSON、图片、PDF 等文件如何在设备上完成处理，本地方案的隐私收益来自哪里，以及仍需注意哪些安全和性能边界。
阅读文章该主题下的文章
为什么浏览器本地处理对隐私很重要核心主题: browser local processing如何在不上传服务器的情况下编辑敏感 JSON 数据核心主题: offline JSON editor在线文件转换器的 5 个隐私风险，以及如何规避核心主题: secure file converter no uploadGDPR 合规：为什么客户端工具更有优势核心主题: GDPR compliant toolsToolGarden 与在线转换器对比：为什么本地处理很重要核心主题: browser local tools vs online converters2026 开发者隐私工具箱完整指南核心主题: developer privacy toolkitToolGarden 是如何构建的：浏览器本地工具套件架构核心主题: browser local tool architecture
JSON 工具大师指南
系统掌握 JSON 格式化、验证、修复、转换、Schema、路径查询、差异对比和浏览器本地安全工作流。
阅读文章无需上传的图片处理完整指南
完整了解如何在浏览器本地调整尺寸、压缩、转换、裁剪和编辑图片，并做好隐私与画质检查。
阅读文章PDF 工具完整指南
为 PDF 合并、拆分、整理、提取、转换、加密和水印选择合适的浏览器本地工作流。
阅读文章二维码与字幕工具指南
在本地生成可靠二维码并编辑或转换时间轴字幕，掌握 payload、扫描质量、时间、格式与隐私要点。
阅读文章更多实用文章
浏览其余 JSON、图片、PDF、前端与浏览器本地处理文章。
最新文章 (44)
2026年8月4日 / 约 10 分钟阅读Harness Engineering 实践：我让 Claude 对项目做了一次改造一次真实的 AI 辅助重构：从单个 JSON 格式化页面，到拥有 80+ 工具、注册表驱动发现、自动化 SEO 和固定验证流程的双语 Next.js 工具箱。2026年7月30日 / 约 9 分钟阅读在线音频分轨怎么用？本地分离人声、伴奏、鼓、贝斯、吉他和钢琴了解音频分轨的原理、4 轨与 6 轨模型的区别，并在浏览器本地把歌曲拆分成人声、鼓、贝斯、吉他、钢琴和其他声部。2026年7月30日 / 约 10 分钟阅读在线音频分轨网站推荐：5 款人声、伴奏与乐器分离工具对比对比 ToolGarden、Moises、BandLab Splitter、VocalRemover.org 和 LALAL.AI，按免费额度、本地或云端处理、输出轨道与使用场景选择合适的在线分轨工具。2026年7月30日 / 约 8 分钟阅读在线提取伴奏教程：如何去除歌曲人声使用浏览器本地音频分轨模型去除歌曲人声，导出鼓、贝斯和其他声部，并重新组合成适合练唱、卡拉 OK 或剪辑的伴奏。2026年7月30日 / 约 8 分钟阅读在线提取人声教程：如何制作 Acapella从歌曲中分离主唱并导出纯人声 WAV，了解 Acapella 提取步骤、4 轨与 6 轨选择、音质判断、后期清理和版权边界。2026年7月30日 / 约 9 分钟阅读为什么音频分轨后还有杂音和串音？了解分轨结果中的人声残留、乐器串音、金属感、水声、断裂和低频缺失从何而来，以及如何通过音源、模型选择和后期处理改善。2026年7月23日 / 约 16 分钟阅读2026年SEO优化指南：技术SEO、内容、AEO与GEO实战以 ToolGarden 的真实工程实践为例，系统讲解双语 URL、canonical、hreflang、结构化数据、内容集群、性能，以及 AI 搜索时代应该做和不必做的优化。2026年7月22日 / 约 12 分钟阅读怎么用 FFmpeg.wasm 实现浏览器在线音频处理工具完整拆解 FFmpeg WebAssembly 的动态加载、虚拟文件系统、音频命令构造、进度映射、超时与浏览器内存清理。2026年7月22日 / 约 11 分钟阅读怎么在浏览器运行 Whisper 实现语音转文字使用 Transformers.js 和 ONNX WASM 实现浏览器语音识别，覆盖模型缓存、音频分块、麦克风快照转写和隐私边界。2026年7月22日 / 约 14 分钟阅读怎么用 ONNX Runtime Web 实现浏览器本地 OCR用 Web Worker、ONNX WASM、文本检测、方向分类、文字识别、语言偏置解码与阅读顺序合并实现完整浏览器 OCR。2026年7月22日 / 约 14 分钟阅读怎么在浏览器合并 Word 和 PPT：Open XML 实现原理无需 Office 自动化，通过解压 Open XML ZIP、复制关系图、解决 part 冲突并重建有效 DOCX 与 PPTX。2026年7月22日 / 约 10 分钟阅读怎么用 pdf.js 在浏览器把 PDF 转成 Word使用 pdf.js 提取带坐标的 PDF 文本，重建可读行、保留分页，并在浏览器中生成最小可编辑 DOCX。2026年7月22日 / 约 12 分钟阅读怎么在浏览器生成 ICO 和 ICNS 图标文件从多尺寸 Canvas 渲染到 ICO 目录、DIB 像素、ICNS 大端序 Chunk 和 ZIP 导出，完整实现无需服务端的图标生成。2026年7月22日 / 约 11 分钟阅读怎么实现在线字体裁剪？基于 fonteditor-core 的浏览器方案从 TTF/WOFF 解析、Unicode 去重、字体表裁剪到预览和下载，完整实现一个无需上传文件的在线字体子集工具。2026年7月22日 / 约 12 分钟阅读怎么封装 tldraw 实现在线白板：从动态加载到本地持久化基于 Next.js 和 React 封装 tldraw，完整处理客户端加载、静态资源、本地持久化、工具栏、页面滚动与全屏适配。2026年7月22日 / 约 10 分钟阅读怎么封装 Excalidraw：解决 Next.js SSR、资源路径与全屏问题在 Next.js 中稳定集成 Excalidraw，解决动态加载、静态资源路径、工具配置、国际化、全屏降级、导出与持久化取舍。2026年7月22日 / 约 13 分钟阅读怎么使用 MindElixir 实现在线思维导图：Markdown、交互与导出用 React 封装 MindElixir，实现 Markdown 大纲转换、节点状态同步、快捷键、画布拖动、全屏与多格式导出。2026年7月6日 / 约 8 分钟阅读证件照尺寸和底色怎么选？一寸、二寸、中国护照、美国护照在线制作指南制作电子版证件照前，先确认用途、尺寸、底色、头部比例和是否允许数字处理。不同证件的要求并不完全相同。2026年7月2日 / 约 7 分钟阅读如何在线去除图片水印？浏览器本地 AI 补全原理去除图片水印通常不是简单擦除，而是先选中水印区域，再根据周围纹理补全背景。浏览器本地处理可以减少上传隐私风险。2026年7月2日 / 约 6 分钟阅读如何给图片加水印：文字/图片、九宫格、平铺、对角线图片水印可以是文字，也可以是 Logo 图片。位置、透明度、旋转、平铺方式会直接影响版权提示和图片可读性。2026年7月2日 / 约 9 分钟阅读如何一键去除图片背景？在浏览器本地跑模型的原理图片去背景通常会先识别前景主体，再生成透明 alpha mask。浏览器本地模型可以在不上传图片的情况下导出透明 PNG。2026年7月2日 / 约 7 分钟阅读Base64 编码原理和常见坑Base64 是把二进制数据转成文本的一种编码方式，常用于图片 Data URL、接口传输和配置嵌入，但它不是加密。2026年7月2日 / 约 8 分钟阅读LRC vs SRT 字幕格式区别，如何在线编辑LRC 常用于歌词逐行同步，SRT 常用于视频字幕。两者时间格式、结构和适用场景不同，但都可以在线解析、校准和导出。2026年7月2日 / 约 8 分钟阅读Excel 数据如何一键转成 JSONExcel 转 JSON 通常会读取第一行作为字段名，再把后续每一行转换成对象，适合接口 mock、数据导入和配置迁移。2026年7月2日 / 约 7 分钟阅读文本对比工具原理：diff 算法怎么找出增删改diff 算法会寻找两段文本之间尽量长的共同部分，再把剩余内容标记为新增、删除或修改，用于代码、日志、文案和配置对比。2026年7月2日 / 约 9 分钟阅读如何免费把 Word / Excel / PPT / 图片 转成 PDF把文档和图片转成 PDF，适合归档、提交材料和跨设备查看。浏览器本地转换适合快速处理常见格式。2026年7月2日 / 约 8 分钟阅读如何拆分 PDF：按页数、按范围、按大小PDF 拆分可以按每页导出、按页码范围导出，也可以通过拆成多个部分来满足平台大小限制。2026年7月2日 / 约 8 分钟阅读如何从 PDF 中提取指定页面从 PDF 中提取指定页面，适合只提交合同某几页、导出附件、抽取扫描页或保留文档的一部分。2026年7月2日 / 约 8 分钟阅读中英文字数统计的差异：字符、词、字节各是什么中文常看字数和字符数，英文常看词数。技术系统还会看 UTF-8 字节数，尤其是接口、数据库和短信限制。2026年7月17日 / 约 6 分钟阅读如何把图片制作成 Icon？从普通图片制作图标，关键是选图、裁剪、透明背景、多尺寸导出和格式选择。ToolGarden 图片转 Icon 可以在浏览器本地完成这些步骤。2026年7月2日 / 约 10 分钟阅读Unexpected token in JSON at position 0：原因、定位与修复从原始响应、错误位置和 JSON 语法入手，定位 Unexpected token、Missing comma、Invalid JSON Format 和 JSON Decode Error，并用 ToolGarden 在线 Validator 验证修复结果。2026年7月2日 / 约 7 分钟阅读JSON Schema 是什么？如何用它校验接口数据JSON Schema 是描述 JSON 数据结构的规则文档，可以规定字段类型、必填项、数组元素、字符串格式和对象结构。2026年7月2日 / 约 7 分钟阅读JWT 是什么？如何安全查看 Header 和 PayloadJWT 是由 Header、Payload 和 Signature 组成的令牌。Header 和 Payload 只是 Base64URL 编码，不是加密，任何拿到 token 的人都能解码查看。2026年7月2日 / 约 6 分钟阅读二维码识别不出来是什么原因？如何提高识别率二维码扫不出来，常见原因包括图片模糊、分辨率太低、白边被裁掉、对比度不足、压缩过度、内容太密或二维码损坏。2026年7月1日 / 约 7 分钟阅读为什么图片压缩后会变模糊？如何尽量保持清晰度图片压缩变模糊，通常不是工具坏了，而是压缩算法、质量参数、图片尺寸和格式选择共同作用的结果。2026年7月1日 / 约 6 分钟阅读如何把图片压缩到指定大小？想把图片压缩到 200KB、500KB 或 1MB，需要同时控制格式、质量、尺寸和画面复杂度，而不是只调一个参数。2026年7月1日 / 约 7 分钟阅读为什么 favicon 看起来模糊？如何制作清晰的网站图标favicon 变模糊通常不是浏览器的问题，而是源图尺寸、图标格式、多尺寸资源和缩放方式没有处理好。2026年7月1日 / 约 10 分钟阅读ICO 文件是什么？favicon 格式选择与图片转 ICO 教程了解 ICO 为什么能包含多个尺寸，比较 favicon.ico、SVG favicon 和 PNG favicon，并用 ToolGarden 把 PNG、JPG、WebP 或 SVG 转换成 ICO。2026年7月1日 / 约 8 分钟阅读ICO、ICNS、PNG 图标有什么区别？网站、Windows 和 macOS 图标怎么选ICO、ICNS 和 PNG 都能用作图标，但它们面向的系统、容器结构、尺寸管理和透明支持方式并不相同。2026年7月1日 / 约 7 分钟阅读如何把图片转换成 WebP？JPG、PNG、GIF 转 WebP 完整教程WebP 通常能在较小体积下保持不错画质，也支持透明背景，适合网页图片、缩略图和批量图片优化。2026年7月1日 / 约 7 分钟阅读如何把图片转换成 AVIF？什么时候应该使用 AVIFAVIF 通常能比 JPG 和 WebP 更小，但编码更慢、兼容性更需要确认。适合网页首图、封面图和需要强压缩的图片资产。2026年7月1日 / 约 7 分钟阅读PNG 转 JPG、JPG 转 PNG 会发生什么？透明背景和画质怎么处理PNG 和 JPG 的差异不只是扩展名。PNG 支持透明和无损压缩，JPG 适合照片但不支持透明背景。2026年7月2日 / 约 8 分钟阅读图片放大后，如何尽量保持清晰图片放大变糊通常不是单一原因造成的。放大倍数、重采样算法、输出格式和原图质量都会影响最终清晰度。2026年7月1日 / 约 6 分钟阅读为什么有的 JSON 可以带注释？tsconfig.json、settings.json 和 launch.json 看起来像 JSON，却能写注释。原因是它们通常使用 JSONC，而不是严格标准 JSON。