Overview Use a graphical editor to experiment with different quality settings and color depth values. $6\mathrm{.}6$

Chapter Summary $279$ Fundamentals of Web Development Background transparent Crop Image size

Image size Save as GIF and PNG Fundamentals of Web Development FIGURE $6\mathrm{.}39$ Completed Project $1$

Instructions $1.$ Open artwork$-$original.tif in editor. Save three different JPG versions, one with maximum

quality $(100,$ or $10$ if editor is using a $10-$point scale$),$ one with medium quality $(50),$ and one with the

lowest quality setting $(10).$ Name the files artwork$-$quality$100.$jpg$,$ artwork$-$quality$50.$jpg$,$ and

artwork$$quality$10.$jpg$.2.$ Open artwork$-$original.tif in the editor again. Resize to $2503323.$ Save five

different PNG$-8($that is$,8-$bit$)$ versions, each with different color depths: $256$ colors, $128$ colors, $64$

colors, $32$ colors, and $16$ colors. Name the files artwork$-256$colors.png$,$ artwork$-128$colors.png$,$ etc. $280$

CHAPTER $6$ Web Media $3.$ Open logo$-$raster.png in the editor. Resize this image: one at $3503188$ pixels,

the other at $5253282$ pixels. Name the files logo$-$raster$-2$x$.$png and logolraster$-3$x$.$png$.$ Notice the

dramatic loss of quality when you make a small raster image larger! $4.$ Resize ch$06-$proj$1-$medium.jpg to

$2003255.$ Save resized file as small.jpg$.$ Resize small.jpg to $100031275$ and save file as big$-$from$-$

small.jpg$.$ Notice the dramatic loss of quality when you resize an image that has been resized! $5.$ Edit

ch$06-$proj$2.$html and add the appropriate Error! Filename not specified.tags for your new images to the

elements so the page will appear as shown in Figure $6\mathrm{.}40.$ Edit the for each to reflect the actual file size.

FIGURE $6\mathrm{.}40$ Completed Project $26\mathrm{.}6$ Chapter Summary $281$ FIGURE $6\mathrm{.}41$ Completed Project $36.$ Edit

ch$06-$proj$2.$html and add the appropriate Error! Filename not specified.tags for the logo$-$vector. svg file.

Resize it using the width attribute of the Error! Filename not specified.elements