Investigating Graphic Image Design

Graphics Anything on the page that is not actual text, from simple line drawings to fully active images found on the World Wide Web.

Graphics Two main types of

Raster An image that is made with a rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats

https://flic.kr/p/bCUcM6

Vector The use of geometrical primitives such as points, lines, curves, and shapes or polygons—all of which are based on mathematical expressions—to represent images in computer graphics.

https://flic.kr/p/bCUcM6

Graphic Factors Affect ing

Format

Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”

https://flic.kr/p/bCUcM6

Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”

https://flic.kr/p/bCUcM6

1 Bit (2 = 2 Colors) 1

Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”

https://flic.kr/p/bCUcM6

1 Bit (2 = 2 Colors) 1

2 Bit (2 = 4 Colors) 2

Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”

https://flic.kr/p/bCUcM6

1 Bit (2 = 2 Colors) 1

2 Bit (2 = 4 Colors) 2

8 Bit (2 = 256 Colors) 8

Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”

https://flic.kr/p/bCUcM6

1 Bit (2 = 2 Colors) 1

2 Bit (2 = 4 Colors) 2

8 Bit (2 = 256 Colors) 8

12 Bit (2 = 4096 Colors) 12

Color Depth The number of colors per pixel that can be contained in an image. Measured in “Bit Color.”

https://flic.kr/p/bCUcM6

1 Bit (2 = 2 Colors) 1

2 Bit (2 = 4 Colors) 2

8 Bit (2 = 256 Colors) 8

12 Bit (2 = 4096 Colors) 12

16 Bit (2 = 65,536 Colors) 16

E x a m p l e s o f C o l o r D e p t h Original Nintendo used an

8 bit color depth

E x a m p l e s o f C o l o r D e p t h Super Nintendo used a

15 bit color depth

E x a m p l e s o f C o l o r D e p t h Modern video games use

24 bit color depth and above.

Compression How an image is saved in order to reduce the file size.

https://flic.kr/p/rwL2R

Compression Reduces file size without losing any pixel data

Lossless

Compression As the file size is reduced pixel data is lost

Lossy

Portability How easily you can open, modify, and view the files on computers using different operating systems, software and browsers.

Transparency Allows the background color of an image to be “eliminated” or made transparent so that the background behind the image can be seen.

vs.