What is this?!

This is an attempt of recreating the website called "Obamify"

How it works?!

It takes two images -- One image provide the color (Source) and another provides the structure (Target). After an algorithimic process, the source image slowly turns into the target image. The output looks like target image but with the colors of source image.

Dive deeply:
Step 1: Convert both images into it's pixels -- also store brightness for each pixel. Brightness can be found by taking average of Red, Blue and Green color values.

Step 2: Sort both images according to the brightness value.

Step 3: Match both the images. That is, using the sorted image, match each pixel and build a new image with the color of first image and position of second image.

Select image: (Source)

Select image: (Target)



How to use?!

1. Select "Choose file" and upload your source and target image -> Target image won't be visible in the canvas.
2. Click "Transform" button to start the process and within some seconds, you would get your final image.
3. Click "Reset" tp try again and "Download" to download the final image.

Final words:

This is just a half-version of obamify -- Still more to go. Maybe, I will try again to improve this website by using optimized algorithm. The technical term for this is "Pixel rearrangement based on ranking".

If you want to contact me, Click "Serwin.dev" in the navbar.