Bit Depth, Colors and Digital Photos
|Areas of Science||
Photography, Digital Photography & Video
|Time Required||Very Short (≤ 1 day)|
|Material Availability||Specialty Item: Requires Adobe Photoshop or similar photo editing software|
|Cost||Very Low (under $20)|
AbstractHow many bits of information are in a digital photo? It depends on how many possible colors there are. Learn how to choose the right number of colors and bits to post your photo on the web or send it to your best friend.
The objective is to investigate the relationship between the number of bits in a digital image and the number of colors and file size of the image.
Sara Agee, Ph.D., Science Buddies
Cite This PageGeneral citation information is provided here. Be sure to check the formatting, including capitalization, for the method you are using and update your citation, as needed.
Last edit date: 2020-06-23
A bit is the smallest unit of measurement regarding computer data. Each bit indicates one of 2 different states, on (represented by a 1) or off (represented by a 0). A single bit does not convey much information, but you can string bits together in binary codes to represent numbers, words, music, pictures, or any other type of computer data. In fact, all computer data is coded in binary numbers, and looks like a series of zeros and 1's:
For a digital photo, bit depth is the number of colors that can be shown in the image. Because the bits can only indicate one of 2 possible states (0 or 1), the number of colors can only be powers of 2. Some examples of bit depths (and the calculation of the decimal number for those of you who know exponents) for image files are: 2-bit (2^2 = 4 colors), 4-bit (2^4=16 colors), 8-bit (2^8=256 colors), 16-bit (2^16=65,536 colors), and 24-bit (2^24=16,777,216 colors).
"Every color pixel in a digital image is created through some combination of the three primary colors: red, green, and blue. Each primary color is often referred to as a "color channel" and can have any range of intensity values specified by its bit depth. The bit depth for each primary color is termed the "bits per channel." The "bits per pixel" (bpp) refers to the sum of the bits in all three color channels and represents the total colors available at each pixel. " (McHugh, 2005)
The larger the bpp is, the more colors can be used in the image. The smaller the bpp is, the less colors can be used in the image. Since images with more colors contain more information, they have larger file sizes. In this way, the bpp of an image is related to the file size and the number of colors.
In this experiment you will change the number of colors in a digital photo and measure the effect on file size and bpp and download time. Will the file size and download time always increase if the bpp increases? How will changing the bpp of an image change the number of colors that are possible? Is the relationship linear?
Terms and Concepts
To do this type of experiment you should know what the following terms mean. Have an adult help you search the internet, or take you to your local library to find out more!
- binary code
- bit depth (bits per channel)
- bits per pixel (bpp)
- file size
- What is a bit?
- How many bits will make a good quality image?
- How will the number of bits change the number of colors and the file size?
- 2005a. Color/Bit Depth and Image Resolution, Adobe Web Tech Curriculum, Adobe Systems, Inc. San Jose, CA. Retrieved 4/24/06.
- 2005b. Adobe Digital Kids Club. Adobe Systems, Inc. San Jose, CA. Retrieved 4/24/06.
- Sean McHugh, S., 2005. Tutorials: Bit Depth, Cambridgeincolour.com, Cambridge, UK. Retrieved 4/24/06.
- Wilson, Tracy V., Nice, K., and Gurevich, G. 2005. How Digital Cameras Work. HowStuffWorks, Inc. Atlanta, GA. Retrieved 4/24/06.
Materials and Equipment
- Adobe Photoshop
- your favorite photo
- color printer
- photo quality printing paper
- On your desktop, create a new folder called "My Photo Experiment" and place a copy of your favorite photo in the folder (like puppy.jpg).
- Open the photo in Adobe Photoshop.
- Click on "File" and "Save for Web..." from the file menu. A dialog box should appear showing your image in a new window. Choose the "4-Up" tab from the top of the window:
- Four copies of your photo should appear in the window. One copy will be your original, and there will be three more copies of your photo in GIF file format.
- Next you will make a series of changes to the settings in each frame. You will change the number of colors in each frame to a different value by clicking on the drop down menu on the right side of the screen:
A cropped screenshot of the image settings window in the program Photoshop shows a drop-down menu where the number of colors displayed can be changed. The colors drop-down option is on the upper right hand side of the settings window. In this screenshot 128 colors is selected.
- Each time you change the number of colors, you will see the information below the image change. Make sure you can locate the number of colors, file size and download speed:
- Write all of the information in a data table:
File Name Number of Colors Bits Per Pixel File Size (Kb) Download Time (sec) Speed (Kbps) puppy.jpg puppy1.gif puppy2.gif puppy3.gif
- You will need to calculate how many bits per pixel are in each image by using the number of colors in the image. Use this table to match up the bits per pixel with the number of colors chosen:
Bits Per Pixel Number of Colors Available 1 2 2 4 3 8 4 16 5 32 6 64 7 128 8 256
- Make graphs of your data from the data table. Each graph should highlight one relationship, for example:
- bits per pixel vs. number of colors
- bits per pixel vs. file size
- bits per pixel vs. download time
- You will also want to save a copy of each "trial" photo. Do this by selecting one of your photo copies and clicking on the "Save" button. Save the file with the corresponding file name from your data table:
A cropped screenshot from Adobe Photoshop shows an optimized image being saved in GIF format. At the top of the window, there is a text box to rename the saved image file and a drop-down menu to choose where on the computer to save the file. The window also incudes a save button (bottom right) to confirm the changes and save the image.
- Save each picture as a new file in the folder on your desktop named "My Photo Experiment", naming each new file with a different name to keep track of your experiments (like puppy1, puppy2, puppy3, etc.). Keep all of the settings and file extensions (.gif) the same.
- Print a copy of each picture on photo quality paper and label the image with the file name for your display board.
- Arrange your photos in a row and compare the images. How did changing the bits per pixel and number of colors in the image change the quality of the photo?
If you like this project, you might enjoy exploring these related careers:
- To kick this project up a notch try counting the number of unique colors in each image. Photoshop can not calculate the unique colors used in an image, so you will need to use another program like PaintShop Pro, which is a shareware program available for a free download. Open each of your files with PaintShop Pro and choose Colors/CountColorsUsed. After a while PaintShop Pro will show a dialog box that tells you the number of unique colors in the image, (like 16,777,216). Does this number match the number you chose in the settings dialog box? Why or why not?
Ask an ExpertThe Ask an Expert Forum is intended to be a place where students can go to find answers to science questions that they have been unable to find using other resources. If you have specific questions about your science fair project or science fair, our team of volunteer scientists can help. Our Experts won't do the work for you, but they will make suggestions, offer guidance, and help you troubleshoot.
Ask an Expert
Looking for more science fun?
Try one of our science activities for quick, anytime science explorations. The perfect thing to liven up a rainy day, school vacation, or moment of boredom.Find an Activity
Explore Our Science Videos
Physics and Chemistry of an Explosion Science Fair Project Idea
How to Build an ArtBot
Flower Dissection - STEM Activity