Images Flashcards
Is JPEG a lossy?
Yes
What do you use JPEG for?
Photos and complex graphics
Does JPEG support transparencies or animation?
No
What type of images does GIF work best for?
Images with a few solid lines and colors
Which of these is true about GIF?
Up to 256 colors
Lossless
Limited transparencies
Which media type allows transparencies and can use millions of different colors?
PNG
What are the settings for colors?
8
24
32
Which element provides a way to specify the location of the image that needs to be displayed on that page?
img
How are image sizes expressed?
Pixel height and pixel width
How many pixels to every inch?
96
How wide are most web pages?
800 pixels
What is the size of the CSS pixel?
1/96th of an inch (96 PPI)
A 3” H x 3”W image is how large in pixels?
3 inches x 96 pixels = 288 pixels
Therefore 288 x 288 pixels
How do you make text or an image into a link?
Put an “a” element around it
What does the technique anti-aliasing do?
Soften the jagged edges of text relative to the background color
What does the matte option do?
Allows you to select the color got
R the matte around the text. It smooths out the edges of a text logo, for example.
What does the src attribute do?
Specifies the location of the image file
What is the alt attribute?
A meaningful description of the image
Which media type is best for logos and simple graphics?
GIF or PNG
What are the advantages of PNG?
Has better transparency control Has more colors: PNG 8: 256 colors (same as GIF) PNG 16: thousands of colors PNG 24: millions of colors
Which likely has the larger file size? GIF/PNG or JPEG?
GIF/PNG
What causes the whiteflies around images?
The photo editing software creates a “matte” to soften the texts edges against the background color. But it assumes the background is white. So you need to tell PS to make the matte the same color as the background
What is a thumbnail?
Small images that the user can click on to see the full image
Is the “img” element inline or block?
Inline. It doesn’t put a line break before or after an image
Which attribute will describe the image for the visually impaired?
Alt attribute
Can images be used as links to other web pages?
Yes, just use the “img” element as the content of an “a” element and put the link in the href
