Investigating Graphic Image Design

1. Investigating
Graphic Image Design

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

3. Graphics
Two main types of

4. RasterAn 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

5. VectorThe 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

6. Graphic
Factors Affecting
Format

7. Color DepthThe number of colors per pixel that can be contained in an image.
Measured in “Bit Color.”
https://flic.kr/p/bCUcM6

8. Color DepthThe 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

9. Color DepthThe 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

10. Color DepthThe 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

11. Color DepthThe 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

12. Color DepthThe 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

13. 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

14. 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

15. 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.

16. CompressionHow an image is saved in order to reduce the file size.
https://flic.kr/p/rwL2R

17. CompressionReduces file size without losing any pixel data
Lossless

18. CompressionAs the file size is reduced pixel data is lost
Lossy

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

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