Lecture 4 - Graphics Continued Flashcards

1
Q

How can you have a smaller file size, keep the quality and download the image quickly?

A

Optimize the image (reduce download time)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What are three image Optimization Techniques?

A
  1. File Formats: choose .jpg or .gif
  2. Compression: compress the image data
  3. Color Resolution
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What file formats are appropriate for the web?

A

.jpg

.png

.gif

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What is .gif max color scheme?

ie How many bits?

A

Max 8 bit color scheme therefore 256 colors

Good for clipart but not good for photos

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

.gif properties

A

Best for large areas of solid flat color

Tiny file sizes in comparison to .jpg

Allows for animation and a plug in is not required

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is a .jpg max color scheme?

A

24 bits so 16 million colors

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

.jpg properties

A

Good for photos, best for blends of color and softer shadow effects
Not good for well defined lines

Larger file size in comparison to .gif

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What is compression?

A

To reduce the redundancy of the image data in order to be able to store or transmit/download data in an efficient form

Compress as much as you can without sacrificing quality

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What are the two compression techniques?

A
  1. Lossless

2. Lossy

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is Lossless?

A

By compressing the original bits and bytes into less bits and bytes without losing any of the original information about the image

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is Lossy?

A

When compression occurs, some of the original information is lost.

Cannot get the information back once it is discarded

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What compression algorithm does a .gif use?

A

Lossless

No data is discarded during compression, quality is kept

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What compression technique is used for a .jpg?

A

Lossy

Data is discarded each time file is compressed, quality degrades

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What are two uncompressed file formats?

A
  1. bmp

2. raw

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What are three common compressed algorithms?

A
  1. .jpg
  2. .gif
  3. .png
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

How many bits is one byte?

A

8 bits

17
Q

What does the ASCII Code state?

A

That each letter represents 8 bits which in turn is 1 byte

18
Q

When looking at images, what is the human eye is more sensitive to?

A

Brightness

19
Q

Color Resolution =

A

Bit depth

20
Q

Does color resolution only apply to .gif files?

A

YES

21
Q

How long does it take for an 8 bit color resolution image to download?

A

2 seconds

22
Q

Dithering Technique

A

Lowers download time

Applies when converting .jpg to .gif

Instead of using true color, it uses 256 colors or less

Most common way of reducing colors and the final image is saved as a .gif

23
Q

What is Dithering?

A

Juxtaposing pixels of two colors to create the illusion that a third color is present

24
Q

How many colours does a browser safe palette have?

A

216 colours

25
Q

Color Resolution =

A

Bit depth

26
Q

Does color resolution only apply to .gif files?

A

YES

27
Q

How long does it take for an 8 bit color resolution image to download?

A

2 seconds

28
Q

Dithering Technique

A

Lowers download time

Applies when converting .jpg to .gif

Instead of using true color, it uses 256 colors or less

Most common way of reducing colors and the final image is saved as a .gif

29
Q

What is Dithering?

A

Juxtaposing pixels of two colors to create the illusion that a third color is present

30
Q

How many colours does a browser safe palette have?

A

216 colours

31
Q

Interlacing Technique
For .gif?
For .jpg?

A

It is the process by which the image is drawn in a series of passes rather than all at the same time

.gif is called Interlacing

.jpg is called Progressive

32
Q

Are .gif file transparent?

A

Allows for transparency of one color like the background of the picture

33
Q

What file format allows for complete transparency?

A

.png

34
Q

What are the two versions of .png?

A

PNG-8 with 256 colors

PNG-24 with 16 million colors (True Color)

35
Q

Does PNG-8 allow for transparency?

A

YES, of 1 color

36
Q

Does PNG-24 allow for transparency?

A

YES, allows for transparency on each pixel, with different levels of opacity therefore Translucency