Articles
ToolGarden Blog
Practical articles about JSON, JSONC, JSON5, frontend toolchains, browser-local processing, and developer productivity, with no-upload, privacy-friendly workflows.
ToolGarden tools prioritize browser-local processing, so files and text do not need to be uploaded to a server.
Topic guides
Start with a complete guide, then use the focused articles for a specific workflow or question.
The Complete Guide to Browser-Local Data Processing
Learn how browser-local tools process JSON, images, PDFs, and other files on your device, where the privacy benefits come from, and what limits still matter.
Read articleArticles in this topic
Why Browser-Local Processing Matters for PrivacyPrimary topic: browser local processingHow to Edit Sensitive JSON Data Without Uploading to a ServerPrimary topic: offline JSON editor5 Privacy Risks of Online File Converters (And How to Avoid Them)Primary topic: secure file converter no uploadGDPR Compliance: Why Client-Side Tools WinPrimary topic: GDPR compliant toolsToolGarden vs Online Converters: Why Local Processing MattersPrimary topic: browser local tools vs online convertersThe Complete Privacy Toolkit for Developers in 2026Primary topic: developer privacy toolkitHow We Built ToolGarden: Architecture of a Browser-Local Tool SuitePrimary topic: browser local tool architecture
JSON Tools Master Guide
A practical map of JSON formatting, validation, repair, conversion, schema, path queries, diffing, and safe browser-local workflows.
Read articleArticles in this topic
JSON vs JSONC vs JSON5: A Complete GuidePrimary topic: JSONC vs JSON5How to Format and Validate JSON in Your BrowserPrimary topic: JSON formatter onlineCommon JSON Errors and How to Fix ThemPrimary topic: JSON syntax error fixHow to Convert JSON to a TypeScript InterfacePrimary topic: JSON to TypeScript interface
Image Processing Without Upload
A complete guide to resizing, compressing, converting, cropping, and editing images locally in the browser, with practical privacy and quality checks.
Read articleArticles in this topic
How to Resize Images Locally (No Server Upload)Primary topic: resize image without uploadPNG vs WebP vs AVIF: When to Use Each Format (and Where JPG Fits)Primary topic: PNG vs WebP converterBatch Image Compression in the BrowserPrimary topic: batch image compressor offlineThe Developer's Guide to Client-Side Image ProcessingPrimary topic: client-side image processing
PDF Tools Guide
Choose the right browser-local workflow for merging, splitting, organizing, extracting, converting, encrypting, and watermarking PDF files.
Read articleQR Code & Subtitle Tools Guide
Create reliable QR codes and edit or convert timed subtitles locally, with practical guidance for payloads, scan quality, timing, formats, and privacy.
Read articleMore practical articles
Browse the rest of the JSON, image, PDF, frontend, and browser-local library.
Latest articles (44)
August 4, 2026 / 12 min readHarness Engineering in Practice: How Claude Helped Transform My Next.js ProjectA real AI-assisted refactoring journey from one JSON formatter to a multilingual toolbox with 80+ utilities, registry-driven discovery, automated SEO, and repeatable validation.July 30, 2026 / About 9 minutesHow to Split a Song into Vocals, Drums, Bass, Guitar, Piano, and Instrumental StemsLearn how browser-local stem separation works, when to choose the four- or six-stem model, and how to export vocals, drums, bass, guitar, piano, and other parts as WAV files.July 30, 2026 / About 10 minutes5 Best Online Audio Stem Splitter Websites for Vocals and InstrumentsCompare ToolGarden, Moises, BandLab Splitter, VocalRemover.org, and LALAL.AI by free access, local or cloud processing, output stems, privacy, and workflow.July 30, 2026 / About 8 minutesHow to Remove Vocals and Extract an Instrumental OnlineUse browser-local stem separation to remove vocals, export drums, bass, and other parts, and recombine them into an instrumental for practice, karaoke, or editing.July 30, 2026 / About 8 minutesHow to Extract Vocals and Make an Acapella OnlineSeparate lead vocals from a song and export a vocal WAV while learning how to choose a model, judge quality, reduce bleed, clean the result, and respect usage rights.July 30, 2026 / About 9 minutesWhy Do Separated Audio Stems Still Have Noise and Bleed?Learn where vocal residue, instrument bleed, metallic artifacts, watery sound, dropouts, and missing bass come from, and how source quality, model choice, and cleanup can help.July 23, 2026 / 16 min read2026 SEO Optimization Guide: Technical SEO, Content, AEO, and GEOA practical guide based on ToolGarden’s production architecture, covering localized URLs, canonical and hreflang, structured data, topic clusters, performance, and what AI search does and does not change.July 22, 2026 / 12 min readHow to Build Browser Audio Tools with FFmpeg.wasmAn engineering guide to loading FFmpeg WebAssembly, managing its virtual file system, building audio commands, reporting progress, and cleaning up browser memory.July 22, 2026 / 11 min readHow to Run Whisper Speech-to-Text in the BrowserBuild browser speech recognition with Transformers.js, ONNX WebAssembly, model caching, chunked decoding, microphone snapshots, and honest privacy boundaries.July 22, 2026 / 14 min readHow to Build Browser OCR with ONNX Runtime WebA complete browser OCR pipeline using a Web Worker, ONNX WASM, text detection, orientation classification, recognition, language-aware decoding, and reading-order merging.July 22, 2026 / 14 min readHow to Merge Word and PowerPoint Files in the Browser with Open XMLMerge DOCX and PPTX without Office automation by unpacking Open XML ZIP packages, copying relationship graphs, resolving part collisions, and rebuilding valid documents.July 22, 2026 / 10 min readHow to Convert PDF to Word in the Browser with pdf.js and Open XMLExtract positioned PDF text with pdf.js, rebuild readable lines, preserve page breaks, and generate a minimal editable DOCX package entirely in the browser.July 22, 2026 / 12 min readHow to Generate ICO and ICNS Files in the BrowserRender a source image at multiple sizes, write ICO directory and DIB bytes, build big-endian ICNS chunks, and export portable icon packages without a server.July 22, 2026 / 11 min readHow to Build an Online Font Subsetter with fonteditor-coreA practical browser-only implementation for extracting used characters from TTF or WOFF files, previewing the result, and exporting a smaller web font.July 22, 2026 / 12 min readHow to Wrap tldraw into a Production React WhiteboardA practical tldraw integration for Next.js covering client-only loading, self-hosted assets, persistence, toolbar layout, page scrolling, fullscreen, and cleanup.July 22, 2026 / 10 min readHow to Embed Excalidraw in Next.js without Asset or SSR ProblemsA focused Excalidraw wrapper for Next.js covering dynamic import, local asset paths, editor options, localization, fullscreen fallback, export, and persistence choices.July 22, 2026 / 13 min readHow to Build an Online Mind Map with MindElixir and MarkdownBuild a browser-local MindElixir editor with a Markdown outline, lifecycle cleanup, selection synchronization, keyboard behavior, panning, fullscreen, and multi-format export.July 6, 2026 / 8 min readHow to Choose ID Photo Size and Background: 1-Inch, 2-Inch, China Passport, and U.S. Passport GuideBefore making a digital ID photo, confirm the use case, size, background color, head position, and whether digital edits are allowed.July 2, 2026 / 7 min readHow Does Online Image Watermark Removal Work with Local AI Inpainting?Removing a watermark is usually image inpainting: select the watermark area, then reconstruct the background from surrounding pixels locally in the browser.July 2, 2026 / 6 min readHow to Add Text, Image, Tiled, and Diagonal Watermarks to ImagesImage watermarks can be text or logos. Position, opacity, rotation, and tiling decide whether the mark is useful without distracting from the image.July 2, 2026 / 9 min readHow One-Click Background Removal Works with a Browser-Local ModelBackground removal detects the foreground subject and creates an alpha mask. A browser-local model can export transparent PNGs without uploading images.July 2, 2026 / 7 min readBase64 Encoding Explained and Common PitfallsBase64 turns binary data into text for Data URLs, APIs, and embedded configuration. It is encoding, not encryption.July 2, 2026 / 8 min readLRC vs SRT Subtitle Formats and How to Edit Them OnlineLRC is often used for synced lyrics, while SRT is common for video subtitles. Their timing structure and editing needs are different.July 2, 2026 / 8 min readHow to Convert Excel Data to JSON OnlineExcel to JSON usually turns the first row into field names and each following row into a JSON object for mock APIs, imports, and config migration.July 2, 2026 / 7 min readHow Text Diff Algorithms Find Additions, Deletions, and ChangesDiff algorithms look for shared subsequences between two texts, then mark the remaining parts as additions, deletions, or changes.July 2, 2026 / 9 min readHow to Convert Word, Excel, PowerPoint, and Images to PDF for FreePDF is useful for archiving, submissions, and cross-device viewing. Browser-local conversion is convenient for common document and image formats.July 2, 2026 / 8 min readHow to Split a PDF by Pages, Ranges, or File SizePDF splitting can export every page, split selected page ranges, or create smaller parts to satisfy upload size limits.July 2, 2026 / 8 min readHow to Extract Selected Pages from a PDFExtracting selected PDF pages is useful when you only need a few contract pages, attachments, scans, or a section of a larger document.July 2, 2026 / 8 min readChinese vs English Text Counting: Characters, Words, and BytesChinese text often focuses on characters, English text often focuses on words, and technical systems often care about UTF-8 bytes.July 17, 2026 / 6 min readHow to Make an Icon from a PictureLearn how to turn a picture into a clean icon for favicons, desktop shortcuts, apps, and PWA assets with the ToolGarden Image to Icon converter.July 2, 2026 / 10 min readUnexpected token in JSON at position 0: Causes and FixesTrace raw responses, error positions, missing commas, invalid JSON, and decode errors, then verify the repaired result with the ToolGarden online JSON Validator.July 2, 2026 / 7 min readWhat Is JSON Schema and How Do You Validate API Data?JSON Schema is a rules document for JSON data. It can describe required fields, value types, arrays, string formats, and nested object structures.July 2, 2026 / 7 min readWhat Is a JWT and How Do You Safely Inspect Header and Payload?A JWT has three parts: Header, Payload, and Signature. Header and Payload are Base64URL encoded, not encrypted, so anyone with the token can decode them.July 2, 2026 / 6 min readWhy Can a QR Code Fail to Decode and How Can You Improve Scan Rate?QR codes fail to scan when the image is blurry, too small, cropped, low contrast, heavily compressed, too dense, or physically damaged.July 1, 2026 / 7 min readWhy Do Images Look Blurry After Compression? How to Keep Them SharpBlurry compressed images usually come from aggressive quality settings, repeated exports, resizing, or choosing the wrong image format.July 1, 2026 / 6 min readHow to Compress an Image to a Target File SizeTo compress an image to 200KB, 500KB, or 1MB, you need to control format, dimensions, quality, and image complexity together.July 1, 2026 / 7 min readWhy Does a Favicon Look Blurry? How to Make a Sharp Website IconA blurry favicon is usually caused by the source image, missing icon sizes, transparency issues, or browser scaling rather than the browser itself.July 1, 2026 / 10 min readWhat Is an ICO File? Favicon Formats and Image to ICO GuideLearn why ICO files contain multiple sizes, compare favicon.ico with SVG and PNG favicons, and convert PNG, JPG, WebP, or SVG images with ToolGarden.July 1, 2026 / 8 min readICO vs ICNS vs PNG Icons: Which Format Should You Use for Web, Windows, and macOS?ICO, ICNS, and PNG can all be used for icons, but they target different platforms and handle sizes, containers, and transparency differently.July 1, 2026 / 7 min readHow to Convert Images to WebP: JPG, PNG, and GIF to WebP GuideWebP often keeps good visual quality at smaller file sizes, supports transparency, and works well for web images, thumbnails, and batch optimization.July 1, 2026 / 7 min readHow to Convert Images to AVIF and When You Should Use AVIFAVIF can be smaller than JPG and WebP, but encoding is slower and compatibility should be checked. It is best for hero images, cover images, and highly compressed web assets.July 1, 2026 / 7 min readWhat Happens When You Convert PNG to JPG or JPG to PNG?PNG and JPG differ in more than file extensions. PNG supports transparency and lossless compression, while JPG is better for photos but does not support alpha.July 2, 2026 / 8 min readHow to Keep Images Clear After UpscalingImage upscaling can make edges soft or details look smeared. The best result depends on scale, resampling mode, output format, and source quality.July 1, 2026 / 6 min readWhy Can Some JSON Files Have Comments?tsconfig.json, settings.json, and launch.json look like JSON, yet they accept comments. The reason is JSONC, not strict standard JSON.