Simple Image Converter 📸➡️📄

🇹🇭 ภาษาไทย

ยินดีต้อนรับสู่ Simple Image Converter เครื่องมือเว็บแอปพลิเคชันสำหรับจัดการไฟล์รูปภาพและ PDF ที่ทำงานบนเบราว์เซอร์ 100% เพื่อความรวดเร็วและความเป็นส่วนตัวสูงสุด

✨ ฟีเจอร์หลัก (Key Features)

• Drag & Drop Sorting: สามารถลากจัดลำดับไฟล์ได้ตามต้องการก่อนทำการรวมไฟล์ (รองรับทั้ง PC และ Touch Screen)

• Multi-Format Support: แปลงไฟล์เป็น JPG, PNG, WEBP, AVIF, SVG หรือแยกหน้า PDF เป็นรูปภาพ

• Smart PDF Merger: รวมรูปภาพและ PDF หลายไฟล์เข้าด้วยกันเป็นไฟล์เดียว พร้อมตัวเลือกโหมด "ขาวดำ" เพื่อประหยัดหมึกพิมพ์

• Custom Naming: เลือกตั้งชื่อไฟล์ใหม่ด้วยตัวเอง หรือใช้ชื่อเดิมจากไฟล์ต้นฉบับ

• ZIP Auto-Bundling: หากมีการแปลงไฟล์จำนวนมาก ระบบจะรวมเป็นไฟล์ .zip ให้ดาวน์โหลดในคลิกเดียว

• Dark Mode Support: สลับโหมดมืด/สว่างได้ตามความต้องการ

📁 โครงสร้างโปรเจกต์ (Project Structure)

อ้างอิงตามโครงสร้างไฟล์ล่าสุด:

• bootstrap/ - เก็บไฟล์ CSS/JS ของ Bootstrap, โลโก้ และฟอนต์ Sarabun

• js/ - ไลบรารีเสริม (jsPDF, JSZip, PDF.js)

• index.html - ไฟล์หลักของหน้าเว็บ

• index.js - ระบบประมวลผลหลัก

• style.css - การตกแต่งและ Dark Mode

---

🇬🇧 English

Welcome to Simple Image Converter, a powerful 100% client-side tool designed for fast and secure image/PDF processing directly in your browser.

✨ Key Features

• Drag & Drop Sorting: Easily rearrange file order before processing (Supports Mouse & Touch events).

• Comprehensive Conversion: Convert files to JPG, PNG, WEBP, AVIF, SVG, or split PDF pages into individual images.

• Advanced PDF Merging: Combine images and PDFs into one document with an optional "Grayscale" mode for eco-friendly printing.

• Flexible Naming: Set custom filenames for your results or maintain original names.

• Automatic ZIP Bundling: Large batches of files are automatically compressed into a single .zip file.

• Optimized UI: Featuring a smooth Dark Mode and responsive design for all devices.

📁 Project Structure

Based on the current repository layout:

• bootstrap/ - Bootstrap assets, project logo, and Sarabun-Bold font.

• js/ - Third-party libraries (jsPDF, JSZip, PDF.js).

• index.html - The main UI structure.

• index.js - Core logic and file processing.

• style.css - Custom styling and performance tweaks.

---

🛠️ Technology Stack

• Frontend: HTML5, CSS3 (Modern performance optimizations)

• Framework: Bootstrap 5 (Responsive UI)

• Core Libraries: * jsPDF - PDF generation

• PDF.js - PDF rendering

• JSZip - ZIP compression

📜 License

Distributed under the MIT License. See LICENSE for more information.