1. Color and Images

2. Color
The natural colors we see and the colors we see on computer monitors are different.
______ -natural
______ -monitor

3. Color - CMYK C____, M______, Y______, _______K Four color process
Reflective color- light from sun (or bulb) hits an object & color is reflected to our eyes
____________________
*CYAN, MAGENTA, YELLOW, BLACK
*PRINT DOCUMENTS
Up to 331 dots of color per inch!
Large dots on Bill boards

4. Color - RGB “Monitor” color R____, G_____, B_____
TV, video, computer monitors
Straight from light source; not reflective
“RGB values” = intensity of colors
_________________ code- 6 numbers
*RED, GREEN, AND BLUE
*HEXIDECIMAL CODE
VALUES OR HEXIDECIMAL

5. Color - Netscape Composer
RGB
Values
Netscape Composer - used to make web pages (in class)

6. Color - Dreamweaver
Hexadecimal
Code

7. Bitmapped (pixel-based, _______, raster, Photoshop)
Vector (math-based, object-oriented, draw, Illustrator)
Paint program: You can edit individual pixels
Clip art images…pixel-based can be altered pixel by pixel
Draw program: You can easily resize, insert text and use layers

8. Images - File format What we will use on our webpages
.______- we say jay-peg
.______
.JPG
.GIF
Acronyms

9. Images- JPEG Joint Photographic Experts Group Cross platform
Compressed (lossy - data removed)
Maximum of 16.7 million colors
Cannot be transparent, interlaced or _______________
__________, images with subtle color changes, _________, lighting, etc.
*ANIMATED
PHOTOS, DEPTH
.JPG are good for shadows, shading,

10. Images -GIF Graphic Interchange Format Cross platform
Compressed (lossless - no data removed)
Indexed color -maximum of 256 colors
Can be transparent, interlaced and ________________
Simple illustrations, ______,
cartoons
Clip art, cartoons, animation
*ANIMATED
LOGOS
Huge difference in no. of colors available (compared to .JPG)

11. File size vs. Picture size
File Size-how much _____________ is used by the file ex. 30kb
Picture Size-the _________ of the image ex. 150 pixels wide
Both important for ________ of download
Resize and/or change resolution
DISK SPACE
DIMENSIONS
SPEED
Website: 30kb or less so it doesn’t take as long for pics to download on a site.
Photo Shop can resize/change resolution of picture - resolution changes the
file size but not the PICTURE size

12. Accessibility
____________ labels -text that will show as image is downloading or in place of images
ALTERNATE LABELS
A sentence or a word that describes the picture. If a person cannot see the
Pic, it may still be accessible.

13. “Web-ified” Images
Goal is to get maximum ____________ for minimum ______________
Make sure your image is on ___________ otherwise your link will not work
Do NOT ________ or _______ your image once you have placed it on your web page.
Maximum IMAGE
Minimum QUALITY
Make sure image is on the SERVER
Do not RENAME or MOVE your image once you have placed it