Reformater ⚡

Universal Offline Image Converter, Editor & Ultra Compressor
A 100% client-side, zero-API, browser-based web application to convert, edit, and compress images with complete privacy.

---

🚀 Key Highlights & Features

🔥 1. Ultra Target Compressor (Down to ~5% Original Size!)

• Intelligent Size Optimization: Includes a dedicated compression engine capable of reducing file sizes down to ~5% of the original size (-95% byte reduction) without pixelating or destroying visual clarity.
• Smart Adaptive Presets:
  • Target ~5% Original Size (-95%) - Maximum efficiency for web deployment.
  • Target ~20% Original Size (-80%) - High compression with near-lossless perceptual quality.
  • Target ~50% Original Size (-50%) - Balanced size & fidelity.
  • Manual Quality Slider (5% - 100%) - Fine-grained manual control.
• Zero Pixelation Guarantee: Leverages modern WebP/AVIF lossy enkoders and adaptive downscaling algorithms that preserve sharp edges and color integrity.

🌐 2. 100% Client-Side & Zero-API (Private & Offline)

• Zero Remote Servers or External Paid APIs: Runs 100% inside your browser locally on localhost or offline.
• Privacy Guaranteed: Your photos and sensitive images never leave your machine or get uploaded to remote servers.

🔁 3. Universal Format Conversion

• Input Formats: PNG, JPG / JPEG, WEBP, AVIF, GIF, SVG, BMP, ICO.
• Output Formats: WEBP, JPG, PNG, AVIF, ICO (Favicon), PDF (Document), BMP, SVG, GIF.

✂️ 4. Interactive Image Editor

• Visual Crop Box: Drag & drop crop region with aspect ratio presets (Freeform, 1:1 Square, 4:3 Standard, 16:9 Widescreen, 9:16 Portrait).
• Rotation: Rotate 90° Clockwise and Counter-Clockwise (-90° / +90°).
• Flip: Flip Horizontally and Vertically (Flip H / Flip V).

📦 5. Batch Operations & ZIP Export

• Drag and drop single or multiple image files simultaneously.
• Set target formats globally or override per file.
• One-click Convert All and Download All as ZIP.

🖤 6. Sleek Minimalist Dark UI

• Designed with clean monochrome dark aesthetic, crisp Helvetica typography, and solid white vector iconography.

---

🛠️ Technology Stack

• Core: HTML5, Vanilla JavaScript (ES Modules), CSS3
• Bundler: Vite
• Libraries:
  • JSZip - Client-side ZIP archive generation
  • jsPDF - Client-side PDF document creation
• Graphics Engine: HTML5 Canvas & OffscreenCanvas API

---

📦 Installation & Local Setup

Prerequisites

• Node.js (v16+ recommended)
• npm or yarn

Quick Start

1. Clone the repository:

   git clone <your-repository-url>
   cd Reformater

2. Install dependencies:

   npm install

3. Start the local development server:

   npm run dev

   Open your browser at http://localhost:5173/ (or the port specified in terminal).

4. Build for production:

   npm run build

---

📂 Project Structure

Reformater/
├── index.html            # Main HTML layout & application interface
├── package.json          # Project dependencies & scripts
├── src/
│   ├── main.js           # App state manager, event listeners & UI renderer
│   ├── converter.js      # Canvas conversion & target size compressor engine
│   ├── editorModal.js    # Interactive crop, rotate, and flip modal
│   ├── utils.js          # File helpers, byte formatting & ZIP exporter
│   └── style.css         # Minimalist dark theme & Helvetica styling
└── README.md             # Documentation

---

📄 License

MIT License © Reformater Project