Migss Lab

Loading

Migss Playground

How DocTools works

DocTools provides browser-based photo compression to help optimize JPEG, PNG, and WebP images for fast website loading, reduced email attachments, and strict file size limits.

Overview

A client-side image compression tool built for fast web optimization, target size matching, and privacy-preserving browser processing.

  • Client-side Canvas API engine for JPEG, PNG, and WebP compression
  • Presets for Light (~85%), Medium (~70%), and Heavy (~45%) quality levels
  • Iterative binary search algorithm to compress down to exact target KB size
  • Live thumbnail preview, dimension scaling, and percentage savings breakdown
  • Zero server retention: client-first processing ensures privacy and instant performance
Next.js 16Canvas APIWeb BlobsTailwind CSS

How to use it

Photo Compressor presets

Select Light (85% quality), Medium (70% quality), or Heavy (45% quality) presets for instant compression balancing visual fidelity and file size.

Target file size constraints

Define an exact maximum file size target (e.g. 500 KB or 200 KB). DocTools uses an iterative binary search compression pass to fit your file under the specified threshold.

Privacy & Client-side processing

All calculations and image downscaling happen directly in your web browser via HTML5 Canvas. Your sensitive media is never saved or stored remotely.

Flowcharts

Visual maps of the main workflows inside this app.

Image compression workflow

How image files flow through browser optimization.

Upload photoJPEG, PNG, or WebP
Canvas processingClient-side scaling & encoding
Download fileOptimized image with savings report

Outcomes

Quality PresetLight / Medium / Heavy
Target KB SizeCustom file size target