Sri Lanka Institute of Information Technology

B.Sc. (Hons) Degree in IT specialization in Interactive Multimedia

2016 Batch

MULTIMEDIA SYSTEM

ASSIGNMENT 2

IT 141117138 R.Abhiyugaa

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.

Webpage 1:- http://www.mikiyakobayashi.com/Color Tone

For this webpage mac pc’s color tone is white color.When we see this webpage in Mac pc its quality is higher than other 2

windows pcs

SaturationIn mac pc’s saturation is soft and bright.In mac pc this web page colors are easy to watch than other 2 windows pcMac pc’s screen is very high quality than other pc’s screen

Image QualityIn mac pc this web page image quality is higher than other 2 windows pc’s

image qualityIn mac pc image is lighter and windows pc image is darker.

Webpage 2:- http://www.world-of-swiss.com/enColor Tone

For this webpage mac pc’s color tone is silver color.When we see this webpage in Mac pc its quality is higher than other 2

windows pcs

SaturationIn mac pc’s saturation is soft and bright.In mac pc this web page colors are easy to watch than other 2 windows pcMac pc’s screen is very high quality than other pc’s screenIn mac pc this web page videos are very clear and high quality videos than

other pcs

Image QualityIn mac pc this web page image quality is higher than other 2 windows pc’s

image qualityIn mac pc image is lighter and windows pc image is darker.

Webpage 3:- http://www.johos.at/#/en/0/0

Color Tone For this webpage mac pc’s color tone is very attractive.In MAC PC this web page color tone is mostly green colors and this web page

has so much of different colors.When we see this webpage in Mac pc its quality is higher than other 2

windows pcs

SaturationIn mac pc’s saturation is soft and bright.In mac pc this web page colors are easy to watch than other 2 windows pcMac pc’s screen is very high quality than other pc’s screen

Video QualityIn mac pc this web page videos are very attractive and high quality videos

than other windows pcs

Webpage 4:- https://www.virginamerica.com/

Color Tone For this webpage mac pc’s color tone is very quality.When we see this webpage in Mac pc its quality is higher than other 2

windows pcs

SaturationIn mac pc’s saturation is soft and bright.In mac pc this web page colors are easy to watch than other 2 windows pcMac pc’s screen is very high quality than other pc’s screen

Video QualityIn mac pc this web page images are very attractive and high quality images

than other windows pcsIn mac pc image is lighter and windows pc image is darker.

Webpage 5:- http://www.feedmusic.com/

Color Tone For this webpage mac pc’s color tone is more attractive.When we see this webpage in Mac pc its quality is higher than other 2

windows pcs

SaturationIn mac pc’s saturation is soft and bright.In mac pc this web page colors are easy to watch than other 2 windows pcMac pc’s screen is very high quality than other pc’s screen

Video QualityIn mac pc this web page images and videos are very attractive and high

quality images and videos than other windows pcsIn mac pc image is lighter and windows pc image is darker.

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.

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.

Image 1

File Size:-

Original Image

After convert to 256 color format

Image 2

File Size:-

Original Image

After convert to 256 color format

Image 3

File Size:-

Original Image

After convert to 256 color format

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.

http://yourshot.nationalgeographic.com/

This web site is vibrant. Most of the time this site use black and white colors and they use flash player to show the photo slide show. They use very attractive images in that slide show. For the menu bar they use white color font and other contents they use white color font. This web site photographs are very quality.

https://www.apple.com/

This web site is Subtle. Mostly they use black and white colors and they use flash player to show the photo slide show. They use very attractive and high quality images in that slide show. For the menu bar they use white color font and other contents they use white color font. This web site is very attractive web site.

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.

Point RGB HSB CMYK Hexadecimal1 R = 6

G = 133B = 204

H = 202S = 97B = 80

C = 81M= 39Y = 0K = 0

#0685cc

2 R = 255G = 253B = 254

H = 330S = 1B = 100

C = 0M= 1Y = 0K = 0

#fffdfe

3 R = 0G = 0B = 60

H = 240S = 100B = 24

C = 97M= 92Y = 36K = 60

#00003c

Task 6

a) Visit the following URLs (or any suitable site) and write a short essay on the usage of “Standard Image Sizes”

Every web site had different size of images.

240 x 60 pixels was a very common small images and 460 pixels are used for large images.

Very popular image sizes

Images Type Sizes in PixelsVery Large 800 pixelsLarge 500 or 520 pixelsMedium 460 pixelsMedium-Small 320 pixelsSmall 240 pixelsThumbnail 100 pixelsSquare Thumb 75 pixels

Example Image types and sizes

Types Size in PixelsVideo image sizes YouTube = 425 x 355Photo image sizes 1024 x 768 , 800 x 600,460 x 308,

320 x 240 ,240 x 160 ,220 x 148 Thumbnail image sizes 160 x 160 , 160 x 108 ,160 x 120,

120 x 80 ,100 x 100 ,75 x 75Windows Live Writer Default Image sizes

Small 240 x 161 (128)Medium 640 x 428 (480)Large 1024 x 685 (768)

Common web image sizes 1024 x 768 , 800 x 600 , 460 x 309 ,320 x 240 , 240 x 160 ,220 x 148 ,160 x 108 ,160 x 120