BSc (Hons) in Information Technology Specialized in

Interactive Media
Batch 2016

Multimedia Systems
Lab Sheet 03

Lab Sheet 3
Exercise 1
Task 1
a) Select five different web pages, each from a different web site. Select pages that
contain lots of colors and images, both photographs and graphics. View the five
different pages on both a Macintosh and PC screen, preferably side by side, as well
as on more than one computer on the same platform (for example, one Mac, two

Windows computers). Note the differences in how each page appears across
platforms and across screens. For each page, write a paragraph describing how they
differ in terms of color tone, saturation, and any other characteristics that you
notice.
When we see a web page in both Mac and windows Pc there are many visible
changes in colors. In mac, we can see more color variations and color
saturation is higher and soft than the windows pc screen. Colors in mac are
mostly sensitive to human eyes.

Task 2
a) Using the capture tool built into the operating system or another dedicated tool,
capture and save five different screens. Use the tools to save the entire screen,
areas of the screen, the front most window, an image with a menu pulled down, and
an image with the cursor (some capture programs may not be able to capture all
these different types of images). Save the files and submit with your answer.

Image with a menu pulled down

Image

Window with menu pulled down

Task 3
a) Download three different images from a web site. One should be photographic,
one should be a graphic (solid colors or gradients), and one should be a mix.
a. Convert the images to 256 colors. Use the tools available to use different
dithering patterns and palettes. Print out the files before and after reducing to 256
colors. Write the file sizes on each one. Use an image-editing program to compare
the effects of applying different palettes and compression methods to the original
images. Include sample images with your answer.

Task 4

a) Visit different web sites. Describe the use of colors for each in subjective
terms. Is each site vibrant? Childish? Muted? Subtle? Why? What cultural or
other factors determined the color selection? Get a screenshot of a page from
each site, and write a paragraph describing the colors and images used in
each one.
1. Microsoft
The color palette is dominated Blue and white. This site uses a vibrant
color palette. They have used primary colors such as Blue and White which
they used for their products.

2. Ubisoft

They mostly used dark colors to the background and light colors to
places where user interacts for easy navigation. Mostly used color is Black.
Also they use Orange and white.Vibrant color palette have used.

3.Hot Wheels
The pallet is mostly Blue and the other color variations are provided by
the products being sold on the website. As this website is targeted to the

children they have used light colors to attract children to their products. It
looks more Childish.

Task 5

a) Open an image in an image-editing program capable of identifying colors. Select

three different pixels in the image. Sample the color and write down its value in
RGB, HSB, CMYK, and web (hexadecimal) color.

Pixel
1
2
3

RGB
121,0,42
143,156,172
39,51,27

HSB
339,100,47
213,17,67
90,47,20

CMYK
27,100,83,29
49,31,24,0
73,56,83,68

Web Colors
79002a
8f9cac
27331b

Point RGB HSB CMYK Hexadecimal 1 2 3

Task 6
a) Visit the following URLs (or any suitable site) and write an short essay on the
usage of Standard Image Sizes.
i. http://www.fileformat.info/tip/web/imagesize.htm
ii. http://www.iab.net/