PixelLite Pro 📸

Modern, Intelligent, Secure Image Processing Workspace.

PixelLite Pro is a pure frontend image processing application built with React and Vite. It combines intelligent compression algorithms, algorithmic clarity enhancement, and AI-powered image analysis/generation (Google Gemini) into a single, beautiful interface.

✨ Features

⚡ Smart Compression

Advanced compression engine designed for optimal quality-to-size ratio.

• Balanced Mode: Preserves visual quality while reducing file size.
• Modern Mode (WebP): Uses advanced encoding to significantly reduce size without resizing.

🪄 Image Enhancement & AI

Leverage the power of Google Gemini 2.5 Flash for next-level image processing.

• Algorithm Mode: Convolution-based sharpening for instant clarity improvement.
• AI Mode: Image-to-image AI upscaling and restoration.
• AI Intelligence: Auto-generate image descriptions and SEO tags using Gemini Vision.

💾 Data Security & WebDAV Sync

Your data stays with you. Securely sync your settings and history to your private cloud.

• Local First: All processing happens in your browser. Images are NOT uploaded to any third-party servers (except Google API for AI features).
• WebDAV Backup: Sync with Nextcloud, Alist, or any WebDAV-compatible storage.

🎨 Modern UX & Customization

A refined interface that adapts to your workflow.

• Theme Support: Beautiful Dark and Light modes.
• General Settings: Customize your experience.
• Internationalization: English / Chinese support.

🛠 Tech Stack

• Framework: React 18, Vite 5
• Styling: Tailwind CSS
• AI Integration: Google GenAI SDK
• Utilities: JSZip (Export), Lucide React (Icons)

🚀 Deployment

One-Click Deploy

Environment Variables

This application requires a Google Gemini API Key for AI features.

Variable	Description
API_KEY	Required. Your Google Gemini API Key. Get it at aistudio.google.com.

Note: Users can also enter their own API Key in the application settings.

Manual Deployment

Vercel

1. Push your code to a GitHub repository.
2. Import the project in Vercel.
3. Add the API_KEY environment variable in Project Settings.
4. Deploy! (The included vercel.json handles SPA routing).

Cloudflare Pages

1. Push your code to GitHub.
2. Create a new application in Cloudflare Pages.
3. Connect your repository.
4. Build Settings:
   • Framework Preset: Vite
   • Build command: npm run build
   • Output directory: dist
5. Add API_KEY in Settings > Environment variables.
6. Deploy.

📦 Local Development

# 1. Clone the repo
git clone https://github.com/XCQ0607/PixelLite.git

# 2. Install dependencies
npm install

# 3. Set up environment
# Create a .env file and add your API Key
echo "API_KEY=your_google_api_key_here" > .env

# 4. Run dev server
npm run dev

🔒 Privacy

PixelLite Pro operates primarily client-side.

• Compression/Enhancement (Algo): 100% Local.
• AI Features: Data is sent directly from your browser to Google's API endpoints. No intermediate servers store your images.

📄 License

MIT License.

---

© 2025 PixelLite Pro. Designed by XCQ.