https://github.com/itz-fork/chrofil

A simple image filter extension for chrome
https://github.com/itz-fork/chrofil

chrome-extension image-effects

Last synced: 6 days ago
JSON representation

A simple image filter extension for chrome

• Host: GitHub
• URL: https://github.com/itz-fork/chrofil
• Owner: Itz-fork
• License: mit
• Created: 2023-10-27T18:02:05.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-28T17:29:23.000Z (about 1 year ago)
• Last Synced: 2023-10-28T23:27:05.914Z (about 1 year ago)
• Topics: chrome-extension, image-effects
• Language: HTML
• Homepage:
• Size: 77.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ![icon48](https://github.com/Itz-fork/Chrofil/assets/77770753/eed57a77-ea97-4b28-8b34-5055295fc1e6) Chrofil

A simple **Chro**me image **fil**ter extension

## Filters

Chrofil currently supports,

- saturation

- grayscale

- opacity

## Installation

1. Webstore

> [!NOTE]

> Currently not available on chrome webstore

2. Manual

     - Click to download latest release - chrofil-latest.zip

     - Unzip it (unzipped folder name should be "Chrofil_ext")

     - Go to `chrome://extensions` on your browser

         - ![go to ext page](https://github.com/Itz-fork/Chrofil/assets/77770753/cf3411bb-4fd7-4b7e-95a6-1ef0f5dbff28)

     - Enable "Developer Mode"

         - ![enable dev mode](https://github.com/Itz-fork/Chrofil/assets/77770753/942d0cd7-28c2-4db2-b787-ec36f5f77ce1)

     - Click on "Load Unpacked" button on the top-left corner

         - ![load unpacked](https://github.com/Itz-fork/Chrofil/assets/77770753/53b07117-835c-485d-a5de-222c61183aa2)

     - Select the unzipped folder

         - ![ext folder](https://github.com/Itz-fork/Chrofil/assets/77770753/fef49e91-ceed-4512-8925-0058f9e1bc00)

         - ![select folder](https://github.com/Itz-fork/Chrofil/assets/77770753/e90b2d58-f6f0-42f6-9c53-fce5a10c9912)

     - After that, Extension should be installed

         - ![final](https://github.com/Itz-fork/Chrofil/assets/77770753/f83b8501-6da2-4c26-9854-c70758e4bedd)

## Usage

- Click on extension tab and select "Chrofil"

    - ![extension tab](https://github.com/Itz-fork/Chrofil/assets/77770753/b67d5d57-aea4-4750-a9f0-bd09d6a8b2d6)

- Select filters using checkboxes and to what percentage the filter should be applied (Eg: >100 on Saturation value would increase saturation while <100 decrease it)

    - ![ui preview](https://github.com/Itz-fork/Chrofil/assets/77770753/ffbf52c5-0245-48d5-a7d7-a552a3cd4a65)

    - Clicking on "**More Options**" will reveal other filters

 

> [!WARNING]

> The extension will target all the images on the webpage. To revert, simply choose the previous filter and set value to `100` for saturation and turn down sliders for others

## Example

- Default saturation filter (200% increase)

   ![saturation_example](https://github.com/Itz-fork/Chrofil/assets/77770753/fb7bf3f8-daae-43b1-be54-2b7a9d47fd85)