Web Design with HTML and CSS

100

Using the color table

Web Design with HTML and CSS Digital Classroom

Adding a matte to a GIF

When placing images over a colored background, you might see a pixelated edge. You can

avoid this edge by applying matting to the image in the optimization stage. Matting lets you

to fi nd pixels that are almost transparent. However, unlike pixels in PNG images, pixels in a

GIF image are either transparent or not. In the following steps, you will apply matting that

matches the background color of the web page where the image will be placed.

1 With the Save for Web & Devices window still open, click the white section in the

Matte drop-down menu. The Color Picker appears.

Select a custom matting color.

2 In the Color Picker window, type 3366CC into the Hexadecimal text box (located to

the right of the # sign). Click OK. Notice that the graphic now has a thin, dark-blue

border around the edge. If you choose to use this image on a page with a diff erent

background, remember to change the matting color to match the new background.

Matting applied to the GIF image.