Everyone in this world uses a software called ” Adobe Photoshop “…and there are also people who want to build a Photoshop like software but they be like
Go on internet search for “ how to make a Photoshop like software

And people on internet be like – ” yeah well they built it phase by phase , they didn’t make it in one day ” well the point here is you won’t get any legitimate answer if you are not experienced enough to understand!

Well to simply put it.They made it using image processing algorithms some parts written in high level code some in assembly

Writing a image processing software in assembly is like switching every pixel of the screen on and off when ever it is required, this whole thing is what makes an image…but you don’t need to reinvent the wheel ! … just stick with me


Well, firstly what is an image ? to not to make it dang complicated it’s just a set of pixels ( or dots ) which make a image.

Some Examples

Likewise you can see here, mario is made up of pixels , in reality these pixels are led lights (considering led monitor : /) let me give you one more example …

This is a led board screen made using led lights , when combined gives a image and in this case the image is “ Snake “ also “ >> start<<” similarly computer monitor has micro leds.

Coordinate system

Now you know what is image , now you need to learn how to coordinate a image in x and y axis … the first pixel of the image always starts from coordinate (0,0) and like every graph has measure like cm , meter, etc …a image is measured in pixels 1 pixel , 2 pixel … bla bla bla

Color system of pixel

Every pixel has a color ? pretty obvious … but how can we define its color ? so even pixel has a color system to tell the computer which pixel should be lighted with which color each pixel has a color format of RGB ( red, green, blue) example and each color value has a range from 0 to 255 and to be more specific let me give you examples on this color code

Color (0,0,0)
White (255,255,255)
Red (255,0,0)
Lime (0,255,0)
Blue (0,0,255)
Yellow (255,255,0)
Cyan (0,255,255)
Magenta (255,0,255)
Silver (192,192,192)
Gray (128,128,128)
Maroon (128,0,0)
Olive (128,128,0)
Green (0,128,0)
Purple (128,0,128)
Teal (0,128,128)
Navy (0,0,128)

To be Continued …

This is all for today Folks , if you have any doubts do comment ! and don’t forget to join the forum , Kudos !

3 thoughts to “Image processing basics part 1

  • Kuldio Sharma

    Hey Thx a lot man You are explaining very well..waiting for the next part
    and ya Kudos

    • admin

      Thanks ! For the comment, the next part will be coming soon…

  • Ray

    Nice info man. Thanks.


Leave a comment

Your email address will not be published. Required fields are marked *