This is a simple image editor built using vanilla JavaScript, HTML, and CSS. It allows you to perform various image editing operations such as changing saturation, brightness, grayscale, and inversion. You can also rotate the image and save the edited image.
- Change Saturation: Adjust the saturation level of the image to make it more vibrant or less colorful.
- Change Brightness: Control the brightness of the image to make it brighter or darker.
- Grayscale: Convert the image to grayscale, removing all color information.
- Inversion: Invert the colors of the image, creating a negative effect.
- Rotate Image: Rotate the image clockwise or counterclockwise by a specified angle.
- Save Image: Save the edited image to your local device.
- HTML: Used for the structure and layout of the image editor.
- CSS: Used for styling the image editor and its components.
- JavaScript: Used for implementing the image editing functionalities.
- Open the image editor in a web browser.
- Upload an image by clicking on the "Upload Image" button.
- Use the sliders to adjust the saturation, brightness, or rotation.
- Click on the corresponding buttons to apply the desired image editing operation.
- To save the edited image, click on the "Save Image" button.
Safari Compatibility: Please note that the image filters may not apply correctly in Safari browser due to limited support for CSS filter properties. We recommend using a different browser such as Chrome or Firefox for the best experience.
- Clone the repository:
git clone https://github.com/Trident09/editee.git
- Open the project folder.
- Open the
index.html
file in a web browser.
This project is licensed under the MIT License.