Image to Data URL Converter

✨ Convert images to Data URLs effortlessly! 🌐

---

🚀 Live Demo

Try our application live at DataURI.ai or visit our GitHub Pages site at ChiefInnovator.github.io/image-to-data-uri-converter.

---

✨ Features

• Drag and Drop Upload: Easily upload images by dragging them into the upload area.
• Multiple Formats Supported: Convert PNG, JPEG, GIF, BMP, and WEBP images.
• File Size Validation: Ensure images are under 20MB for optimal performance.
• Image Preview: Click to upload and see previews of your images before conversion.
• Quick Data URL Conversion: Generate Data URLs with a single click and copy them to your clipboard.
• Mobile-Responsive Design: Enjoy a seamless experience on any device, whether mobile or desktop.
• PWA Capabilities: Add to Home Screen functionality for quick access.
• Share Button: Easily share your Data URLs (desktop only).

---

🚀 Quick Start

How to Use Locally

1. Download and extract the files to your preferred directory.
2. Open the index.html file in your web browser.
3. Drag and drop an image into the designated area or click to select a file.
4. Press the "Convert" button to generate the Data URL.
5. Use the "Copy URI" button to copy the Data URL to your clipboard.

Mobile vs Desktop Experience

• On mobile devices, the share button is hidden, taking advantage of native sharing features.
• On desktop, both "Add to Home Screen" and "Share" buttons are available to enhance usability.

---

🌍 Deployment

This application is primarily hosted on Azure Static Web Apps, offering fast, secure, and scalable global hosting. You can deploy it to other static hosting services such as:

• GitHub Pages
• Netlify
• Vercel
• Amazon S3

---

🤝 Contributing

We welcome contributions! If you have ideas for features or improvements, please feel free to submit a pull request or open an issue on our GitHub repository.

---

📝 License

This project is licensed under the MIT License. Feel free to use, modify, and distribute as you see fit.

---

_{Powered by RepoBeacon}