What is Pixel

-

• When ever we hear the term pixel the only thing that comes to our mind is image information or dots and many others, but what exactly it is?

• So it's very very important to understand the term pixel before moving ahead, so let's see what it means.

1) A pixel or Picture Element is the smallest item of information in an image arranged in 2 dimensional Grid i.e. Rows and Columns as follow:


• In above image the rows and columns arrangement is know as grid of 2-dimension and the small box or square contains information about image that you already know that is Pixel.

2) After knowing about that pixel contains information about image right, but you might really think, what kind of information or what form of information it stores?

• Let's also see that.

3) Each pixel contains information about colors but only three colors i.e RGB most popular once(Red, Green and Blue).

4) This three colors makes all kind of shades almost required to form or represent an image on screen.

5) But How?


6) In above chart pixel contains information of mainly three colors RGB and each color is of 8 bits which is equivalent to 1 Bytes that means 

• 1 pixel = 3 Bytes or 24 bits

Both are same. 

7) So the small boxes that you have seen above contains information of this color, let's get more clarity with an example: 

• Suppose a box want to form or represent yellow color then the equation would be like 

Red(255) + Green(255) + Blue(0) =Yellow

8) The value that you see next to color names is the value or intensity of that color, which ranges from 0 to 255 for each color 

• 2 power 8(2^8) is 256(0- 255)

• Total shades = 256*256*256= 1,67,77,216 shades can be made by using (RGB)

• Let's visualize by a scale ranging from 0-255 and forming yellow color as we did above:


• In above image you can see. That there are three slider of Red, Green and Blue and the slider are stopped at particular value to form a yellow color for value you can refer to above equation that we did.

• If you want to see how the slider works and what are different values to form different or various color you can refer to this link:

•https://www.mathsisfun.com/hexadecimal-decimal-colors.html


• I hope so now you might be clear with the concept of Pixel properly.




*You can leave a comment if you have doubt in it.





Comments

Post a Comment

Popular posts from this blog

Functions of graphics

-
Image
 • First will discuss basic geometric shapes and base on that we will make a simple program where we will have a x and y axis and all the shapes in it. 1) Line Function => line function is used to draw a line by just giving 4 points. syntax:       void line(int x1, int y1, int x2, int y2); Where:          x1 : initial x-coordinate        y1 : intial  y-coordinate        x2 : end x-coordinate        y2 : end y-coordinate Example    : line(100, 100, 200, 200); Explanation : A line would be drawn from point(100, 100) to point(200,200). 2) Rectangle Function => Rectangle function is used to draw a rectangle.  => Rectangle function is same as bar function already discussed in last post, only difference is in bar function we get only 3 lines in output, but in rectangle we get all the four lines. =>Coordinates of left top and right bottom corner are required to draw the rectangle. left specifies the X-coordinate of top left corner, top specifies the Y-coordinate of top left corne
Read more

Line Basic Concepts

-
Image
 • We are going to study about Line Basic Concepts on Raster Screen. • so we are going to discuss what are the different ways in which line can be represented on Raster Screen and some of there respective features. 1) Vertical and Horizontal Line  • They have same width. • Straight line.  • Effective spacing is less. • More brighter. 2) 45° Line  • Width is not a constraint.  • Straight line. • More effective spacing. • Less brighter. Explanation:  • Point to remember is when there is more spacing between the points of line less brighter it will be and vice versa.  • But more spacing leads to effectiness in orientation of line. 3) Line with other orientation • In both of the above image the lines are nethier straight nor of same width. • Here points of line that is Pixel is approximated because while drawing the single line at point we get two points one is above the line and another is below the line. • But here approximation doesn't make a wide difference because pixel are very c
Read more

Shadow Mask technique

-
Image
  1) Shadow Mask technique is used in Raster Scan Display and produces wide range of colour, which wasn't possible in Beam penetration technique. 2) Here on the screen we have 3 dots of each color which means one pixel has three value of color i.e RGB which can create many different shades of color. 3) So in this technique we have 3 electron gun's which are assigned for there respective color RGB and one more most important thing that is a grid just behind the screen which is known as "Shadow Mask Grid" . 4)  Shadow mask grid is pierced with small round holes in a triangular pattern. 5) Th e 3 electron beams are deflected and focused as a group onto the shadow mask, which contains a sequence of holes aligned with the phosphor- dot patterns . 6) There is one gun for each of 3 Color RGB . 7) when these three colors mixed together can create all the colors we see on the screen, but remember these gun don't shoot the bullets instead they shoot a powerful beam of elect
Read more