QuickEdit Studio is a lightweight, browser-based image editing tool designed for quick and easy adjustments. Add borders, change aspect ratios, apply filters, and export your images with advanced quality and sharpening controls, all from a clean and modern interface.
Experience the tool live in your browser:
https://vinay-ghate.github.io/StudioOne-Image-Editing-Tool/
- 🖼️ Border Control: Easily add a border to your image and adjust its thickness and color.
- 📐 Aspect Ratios: Choose from a wide range of presets (1:1, 16:9, 4:5, etc.) or set a custom ratio.
- 🎨 Color Customization: A user-friendly color picker and preset swatches for border colors.
- 🎞️ Image Filters: Apply and adjust filters like Saturation, Grayscale, and Sepia in real-time.
- ⚙️ Advanced Export Options:
- Quality Control: Adjust the export quality from 1% to 100% to balance file size and clarity.
- Image Sharpening: Enhance details with multiple levels of sharpening.
- Resize on Export: Set a maximum output width for your final image.
- 📤 Easy Upload: Drag-and-drop your image or browse files from your device.
- 📱 Fully Responsive: A fluid UI that works seamlessly on both desktop and mobile devices.
- 🌗 Dark Theme: A sleek, modern dark theme for comfortable editing.
- HTML5
- CSS3 (with Flexbox & Grid for layout)
- Vanilla JavaScript
- Pickr.js - For the color picker component.
- Google Fonts & Material Symbols
To get a local copy up and running, follow these simple steps.
- Clone the repository:
git clone https://github.com/vinay-ghate/StudioOne-Image-Editing-Tool.git
- Navigate to the project directory:
cd StudioOne-Image-Editing-Tool - Open
index.htmlin your favorite web browser.
- This project was created as a hobby
- The README file and parts of the code structure were generated with assistance from Google's Gemini 2.5 Pro.
- Color picker functionality provided by the excellent Pickr.js library.
This project is distributed under the MIT License. See LICENSE for more information.