How to use every tool
Step-by-step guides, configuration references, and troubleshooting for all 10 Quantipixor tools.
Batch Compressor
Compress multiple images at once with configurable quality and batch‑wise ZIP output.Open Tool →
Simple 4‑step compression workflow
Upload
01Drag & drop or use the file picker. Max 20 images per upload, 50 total in queue. Duplicates are silently skipped via SHA‑256 hashing.
Configure
02Adjust quality (20–80%), set a base file name and batch size (1–100). These settings control output filenames and folder structure.
Compress
03Click Compress. Each image transitions through pending → processing → completed / error states, shown in real time.
Download
04Get a single ZIP file with all images organised into batch‑N/ sub‑folders, ready to share or deploy.
Adjustable parameters
| Setting | Range | Default | Description |
|---|---|---|---|
Quality | 0.2 – 0.8 | 0.7 | Applies to JPEG and WebP output |
Batch size | 1 – 100 | 10 | Images per sub-folder in the ZIP |
Base name | any string | "image" | Prefix for output files (image-1.jpg) |
Max file size | — | 15 MB | Files larger than this are rejected |
ZIP output structure
Batch size and base name are fully configurable. Increasing batch size groups more images per folder. Default batch size is 10.
Image Converter
Convert images between JPEG, PNG, WebP, AVIF and Base64, with optional cropping.Open Tool →
Upload
01Select an image file (JPEG, PNG, WebP, AVIF, GIF, BMP, SVG). The tool previews it immediately in the browser.
Configure
02Choose the output format (JPEG, PNG, WebP, AVIF) or select Base64 to get a data URI. Use the crop tool to trim before converting.
Download
03Click Convert. The output file downloads instantly — no server involved.
| Setting | Range | Default | Description |
|---|---|---|---|
Output Format | JPEG/PNG/WebP/AVIF/Base64 | JPEG | Target encoding |
Quality | 0.1 – 1.0 | 0.92 | Applies to JPEG and WebP |
Crop | optional | off | Trim image before converting |
Base64 output produces a data: URI string you can embed directly in HTML or CSS. The string is copied to clipboard automatically.
AI Background Removal
Remove image backgrounds with on-device AI or HuggingFace fallback.Open Tool →
Upload
01Drop or select any image. Supported: JPEG, PNG, WebP.
Process
02Click Remove Background. The tool first tries @imgly's on-device AI model (no data leaves your browser). If the model fails to load, it falls back to a server-side HuggingFace inference call.
Download
03Download the result as a transparent PNG. Use the preview toggle to check edges before downloading.
The on-device model requires a modern browser with WebAssembly support. The server-side fallback is rate-limited via Redis — if you hit the limit, wait 60 seconds and try again.
OCR Document Formatter
Extract text from images using Gemini, OCR.Space, or Tesseract.js and export as .docx.Open Tool →
Upload
01Select an image containing printed or handwritten text (JPEG, PNG, WebP).
Choose Engine
02Pick an OCR engine: Gemini (best accuracy, requires API key), OCR.Space (cloud, no key needed), or Tesseract.js (fully local, no network).
Extract
03Click Extract. The tool returns structured text with paragraph detection and formatting hints.
Export
04Download the result as a .docx file. Supports 5 languages: English, French, German, Spanish, Portuguese.
| Setting | Range | Default | Description |
|---|---|---|---|
Engine | Gemini / OCR.Space / Tesseract | Tesseract | OCR backend |
Language | en/fr/de/es/pt | en | Output language |
Export format | .docx / plain text | .docx | Download format |
Gemini requires a valid GOOGLE_API_KEY environment variable set on the server. OCR.Space uses a shared free-tier key with rate limits. For fully private extraction with no network calls, use Tesseract.js.
Favicon Generator
Generate multi‑resolution .ico favicons from a single image.Open Tool →
Upload
01Select a square image (PNG recommended, min 256×256 px). Non-square images are auto-cropped to the largest centered square.
Preview
02The tool generates previews at 16×16, 32×32, 48×48, and 256×256 px. Verify sharpness at small sizes before downloading.
Download
03Click Generate. You receive a multi-resolution .ico file processed by Sharp on the server. Drop it in your project root as favicon.ico.
The .ico file embeds all four resolutions in a single file. Browsers automatically pick the best resolution. For modern browsers you can also use the PNG directly via <link rel='icon' type='image/png'>.
Image Resizer
Resize images to exact dimensions or popular social media presets.Open Tool →
Upload
01Select any image (JPEG, PNG, WebP, AVIF).
Configure
02Enter target width and height in pixels, or choose a preset (HD 1280×720, Full HD 1920×1080, 4K 3840×2160, Twitter, Instagram, LinkedIn). Toggle aspect-lock to prevent distortion.
Download
03Click Resize. The output downloads immediately — all processing happens in the browser via Canvas API.
| Setting | Range | Default | Description |
|---|---|---|---|
Width | 1 – 8000 px | original | Output width in pixels |
Height | 1 – 8000 px | original | Output height in pixels |
Aspect lock | on / off | on | Maintain original aspect ratio |
Diagram Studio
Create Mermaid & PlantUML diagrams with live preview and local persistence.Open Tool →
Write
01Type Mermaid or PlantUML syntax in the left-hand editor panel. The diagram re-renders live as you type.
Preview
02The right panel renders the diagram in real time. Switch between Mermaid and PlantUML using the toolbar toggle. Supported types: flowchart, ERD, sequence, class, Gantt.
Export
03Download the diagram as SVG or PNG. Your diagrams are saved locally in the browser — no account needed.
Diagrams are persisted in localStorage. Clearing browser data will erase saved diagrams. For permanent storage, export your diagrams before clearing.
JSON Viewer
Explore and format JSON in an interactive tree view, powered by Web Workers.Open Tool →
Paste / Upload
01Paste raw JSON into the editor or upload a .json file. Files up to 50 MB are supported.
Explore
02The viewer parses the JSON in a Web Worker (non-blocking) and renders it as an interactive card tree. Expand and collapse nodes, search keys, and copy values.
Format
03Use the Format button to pretty-print the raw JSON with configurable indentation (2 or 4 spaces).
Parsing runs in a Web Worker so the UI stays responsive even for large files. All data stays in your browser — nothing is sent to a server.
Mock Profile Generator
Generate realistic fake user profiles from a MongoDB-backed service.Open Tool →
Generate
01Click Generate Profile. The server queries MongoDB to return a realistic fake user profile including name, avatar, address, job title, and contact details.
Customize
02Filter by nationality, gender, or age range using the sidebar controls. Each generation is unique.
Copy
03Copy the profile as JSON or as individual fields. Use it for UI mockups, test fixtures, or demo data.
Profile data is generated server-side from a MongoDB collection of seed data. No real personal data is used or stored.
Stripe Test Customers
Create Stripe test customers with attached payment methods.Open Tool →
Configure
01Enter a customer name and email, or use the auto-fill button to generate realistic test data.
Create
02Click Create Customer. The tool calls the Stripe API in test mode to create a real Stripe Customer object and attach a test payment method (e.g. card 4242 4242 4242 4242).
Inspect
03The Stripe Customer ID and payment method details are displayed. Use them in your own Stripe integration tests.
This tool uses Stripe test mode only. No real charges are made. You must have a valid STRIPE_SECRET_KEY (test key) set in the server environment. Never use a live key here.
Browser compatibility
Best support for all tools. Canvas API, WebAssembly (@imgly), Web Workers, crypto.subtle, and WebP output all work fully.
Full Canvas and Web Worker support. WebP output works. @imgly WebAssembly model loads correctly. HEIC decode may fail.
WebP output works in Safari 16+. @imgly WebAssembly supported. HEIC decode available natively. Older Safari versions have limited WebP support.
WebP output limited. Some WebAssembly features may not work. Upgrade to Safari 16+ for full tool support.
Different tools have different browser requirements:
• Batch Compressor, Converter, Resizer — Canvas API + crypto.subtle (HTTPS)
• AI Background Removal — WebAssembly (on-device) or network (fallback)
• OCR Formatter — network access for Gemini/OCR.Space; Tesseract.js is local
• Favicon Generator — server-side Sharp pipeline (always works)
• Diagram Studio — localStorage for persistence
• JSON Viewer — Web Workers for non-blocking parse
All tools follow WCAG 2.2 AA with keyboard-first interactions.