🖼️ Image Combiner (HTML + Font Awesome)

A lightweight, client-side web app that lets you combine two images either horizontally or vertically without losing quality or aspect ratio.
This project runs entirely in the browser — no uploads, no backend required.

---

🚀 Features

• 📸 Combine two images (horizontal or vertical layout)
• 🧭 Maintains original aspect ratio and quality
• 🎨 Custom background color
• ⚙️ Adjustable output format (PNG or JPEG)
• 🔧 Quality slider to control output size (for JPEG)
• 📏 Shows output image dimensions and file size
• 🔄 Swap or clear selected images easily
• 💾 One-click download of combined image
• 🌈 Responsive and mobile-friendly interface

---

🧰 Tech Stack

• HTML5 Canvas API – for image composition
• Font Awesome – for icons
• Vanilla JavaScript – no dependencies

---

📦 Installation

You can use this app locally or host it anywhere (GitHub Pages, Netlify, Vercel, etc).

1️⃣ Clone the repository

git clone https://github.com/BR1JM0H4N/image-combine.git
cd image-combiner

2️⃣ Open the app

Simply open index.html in your browser.

---

💡 Usage

1. Select Image A and Image B.
2. Choose orientation (horizontal or vertical).
3. Pick output format and background color.
4. Adjust quality (if JPEG) to reduce size.
5. Click Combine → Preview shows output size & dimensions.
6. Hit Download to save your merged image.

---

demonstration

Combine_demo.mp4

---

📜 License

This project is released under the MIT License — free to use, modify, and distribute.

---

🧑‍💻 Author

@BR1JM0H4N Made with ❤️ using HTML and JavaScript.

---

💬 “A simple yet powerful browser tool for merging images without compression or data loss.”