Difference between revisions of "Bitmap Graphics"

From TRCCompSci - AQA Computer Science
Jump to: navigation, search
(Definitions: Changed definition slightly and put into table)
(Resolution: Added some explanation that will be revised !!Needs Images!!)
Line 20: Line 20:
  
 
== Resolution ==
 
== Resolution ==
 
+
Resolution is determined by the height and width of an image file, for example:
Resolution
+
<div style="position:relative; top:30%; left:0%; height:100px; width:100px; background-color:black; text-align:center; color:gray;"><tt>Awaiting Image</tt></div><!--Generated with CSS DO NOT TOUCH!! but do actually touch if you have a better image-->
 +
This square has a total of 10000 pixels because 100 * 100 is 10,000.
 +
<div style="position:relative; top:30%; left:0%; height:200px; width:200px; background-color:black; text-align:center; color:gray;"><tt>Awaiting Image</tt></div>
 +
The image above is the same image but with twice the magnification of the first. You should start to see pixels of the image appear.

Revision as of 21:21, 15 December 2016

Definitions

Name Definition
Bitmap image Bitmap images are stored as a series of pixels.
Pixel A pixel is a single point in a graphic image with an assigned colour. Many of them on a screen are assigned a colour in a specific place to recreate a bitmap image.

Color Depth

Color depth is either the number of bits used to indicate the color of a single pixel, in a bitmap image, or the number of bits used for each color component of a single pixel. This means the number of bits needed to code an image. For example an image will only need 2 bit color depth for black and white, such as the following image...

File:Challenge-Accepted-Meme.jpg

although if an image has 24 bit color depth, it can code up to 16777216 colors, such as the following image...

File:Images.jpg

Resolution

Resolution is determined by the height and width of an image file, for example:

Awaiting Image

This square has a total of 10000 pixels because 100 * 100 is 10,000.

Awaiting Image

The image above is the same image but with twice the magnification of the first. You should start to see pixels of the image appear.