ImageResizeArchiver 📸 A lightweight tool to upload images, resize them to specific resolutions, and package them into a zip archive for App Store or Play Store webview traffic. Features ✨
Upload multiple images via drag-and-drop or file selection Resize images to predefined resolutions (e.g., 1242x2688) Generate a downloadable zip archive of resized images Store upload history locally in the browser Clean, responsive UI with progress feedback and notifications
Tech Stack 🛠
Frontend: React, Tailwind CSS, jQuery, Toastr.js Backend: PHP (GD extension for image processing) Dependencies: Tailwind CSS (CDN) React (CDN) jQuery (CDN) Toastr.js (CDN)
Setup 🚀
Clone the repository:git clone https://github.com/yourusername/ImageResizeArchiver.git
Set up a PHP server (e.g., Apache) with PHP 7.0+ and GD extension enabled Place the project files in your server's root directory Ensure the images directory is writable (permissions: 0777) Access the app via your browser (e.g., http://localhost/ImageResizeArchiver)
Usage 📋
Open the app in your browser Drag and drop images or click "Browse" to select files View file previews in the upload list Click "Upload and Process" to resize images and create a zip archive Automatically download the zip file containing resized images Use the "Reset" button to clear the form or view upload history
File Structure 📁
index.html: Frontend interface with React and Tailwind CSS upload.php: Backend script to resize images and create zip archive download.php: Serves the zip archive for download and deletes it afterward
Notes 📝
Supports PNG, JPEG, and GIF formats; outputs resized images as PNG The images directory is automatically created and cleaned after each upload Ensure upload.php and download.php are correctly referenced in index.html File permissions must allow writing to the images directory and zip file creation Designed for small-scale use; not optimized for large file batches
Requirements ⚙️
PHP 7.0+ with GD extension Web server (e.g., Apache or Nginx) Modern browser for the frontend
Limitations 🚫
No advanced file validation (e.g., size or type restrictions) No authentication for uploads Local storage for history may be cleared by browser settings
License 📜 MIT License. See LICENSE for details.