Home‎ > ‎Digital Magic‎ > ‎

DI_Intro

Digital Images - Introduction

Pixels

Here is a photo of a rabbit


If we zoom in,


...we see that it is made of of many smaller squares. These are called "Pixels" which are short for "Picture elements" of "Picel" often pronounced "Pixel"

  • Each pixel is a small square that shows a single color
  • An 800 x 600 image is 800 pixels wide by 600 pixels high, 480,000 pixels in all (0.5 megapixels)
  • Digital cameras today produce images with several megapixels per image, say 8000 x 6000 for about 5 megapixels
  • If a picture is 1,000 pixels by 2,000 pixels, it has 1,000 x 2,000 = 2 million pixels. We call it a 2 MegaPixel photo ( 2MP) Digital cameras and cell phone cameras are rated in MP or how many pixels they can capture.

  • Each pixel represents a single color consisting of the 3 primary colors Red, Green, and Blue (RGB)




So essentially, any color can be encoded as three numbers .. one each for red, green, and blue.

ColorRed numberGreen numberBlue number
red25500
purple2550255
dark yellow1001000
white255255255
black000

In RGB, a color is defined as a mixture of pure red, green, and blue lights of various strengths. Each of the red, green and blue light levels is encoded as a number in the range 0..255, with 0 meaning zero light and 255 meaning maximum light.

So for example (red=255, green=100, blue=0) is a color where red is maximum, green is medium, and blue is not present at all, resulting in a shade of orange. In this way, specifying the brightness 0..255 for the red, blue, and green color components of the pixel, any color can be formed.

Pigment Note -- you may have mixed color paints, such as adding red and green paint together. That sort of "pigment" color mixing works totally differently from the "light" mixing we have here. Light mixing is, I think, easier to follow, and in any case, is the most common way that computers store and manipulate images.

It's not required that you have an intuition about, say, what blue=137 looks like. You just need to understand that any color can be made by combining the three color values.


Explore the component colors here in RGB Explorer.  Use the worksheet below (download and print it) to explore the colors.


So we can start with a whole, textured digital image of something. Then break it down into small square pixels. Then each pixel breaks down to 3 numbers in the range 0..255. This is a typical computer pattern -- something whole and organic is, if you look behind the scenes, is broken down and represented as a lot of little numbers.

Stage Footlights

Have footlights and spotlights that are RGB (all together make white or any other color
Image result for footlights    Image result for footlights   Image result for footlights rgb

Televisions

Televisions Have Red/Green/Blue electron guns or LCD pixels
Image result for television pixels breaking up  Image result for television pixels breaking up

Design Your Own Logo or Icon - using Pixels

    Design your own Logo/icon - Favicon

                                    
Ċ
cyril.pruszko@pgcps.org,
Dec 19, 2016, 8:52 AM
Comments