Slices & Save for Web

Question 1

The process of cutting up all of a website design’s graphics and images in Photoshop is referred to as what?

Answer 1

slicing

Question 2

The slice tool can be found behind which other tool on the toolbar?

Answer 2

crop tool

Question 3

Designers, developers, and companies will all have their own way of naming files, but what’s most important is to remain _____.

Answer 3

consistent

Question 4

T/F: With improvements in CSS, many graphics that we used to have to slice up can now be created entirely in code.

Answer 4

True

Question 5

T/F: Whether or not a graphical element is created in code or with images is up to the W3C (World Wide Web Consortium).

Answer 5

False

Question 6

GIF/PNG/JPG File Types

Answer 6

• GIF/PNG-8
  
  • limited color range
  • small file size
  • line art, illustration, logos
  • lossless
• PNG 24
  
  • broader color range
  • larger file size
  • lossless
• JPG
  
  • broad color range
  • photographs
  • lossy

Question 7

T/F: Optimizing requires human judgment and a good eye.

Answer 7

True

Question 8

What file type can be categorized as “lossy” and may result in a loss of quality and information?

Answer 8

JPG

Question 9

What file type is best suited for photographs?

Answer 9

JPG

Question 10

What file type is ideal for images that require transparency, but will result in a larger file size?

Answer 10

PNG-24

Question 11

T/F: Lossy data compression allows media to be represented without any loss in quality or information, while Lossless data compression may result in a loss of quality and information.

Answer 11

False

Question 12

T/F: There is a specific formula for optimizing graphics and images for the web, that should be followed precisely.

Answer 12

False

Question 13

What can be applied to a GIF or PNG-8 to fill in the semi-transparent pixels around the perimeter of the graphic?

Answer 13

matte

Question 14

T/F: Optimization is about finding the balance between quality and file size.

Answer 14

True